Back to Browse

05 Creating a scatter plot in D3

61 views
Nov 5, 2024
9:55

We're finally able to visualise the iris dataset. THERE ARE TWO TYPOS IN THE CODE: line 10: const plot_height = height - margin.top - margin.bottom; line 24: const plot = canvas.append('g').attr("transform", `translate(${margin.left}, ${margin.top})`); These don't actually matter until later in the series, but still. Embarrassing. _Chapters_ 00:00 The story so far - dimensions, canvases, plots, and scales 02:11 Creating the visualisation 05:09 Examining the SVG circles and setting the opacity 06:55 Setting the title and subtitle *Links* An open letter to Mike Bostock: https://anthony-munnelly.com/blog/open_letter_mike_bostock/ D3 homepage: https://d3js.org/getting-started About the Iris Dataset: https://en.wikipedia.org/wiki/Iris_flower_data_set Github link: https://github.com/amunnelly/d3-tutorial/tree/main/code/05

Download

0 formats

No download links available.

05 Creating a scatter plot in D3 | NatokHD