dv2020-ep25-viz25 - scatter plot

dv.25 - scatter plot: petals

A scatter plot of the Iris dataset displays petal length on the x-axis and petal width on the y-axis, with each point colored by species and showing tooltips on hover. Built with React and D3 v6, it uses scaleLinear for axes, scaleOrdinal with schemeCategory10 for species colors, and scaleLinear for spacing. SVG circles render the marks, while custom AxisBottom and AxisLeft components generate tick lines and labels. The data loads as CSV via d3.csv.

dv2020-ep33-viz34 - scatter plot w/ color

A scatter plot visualizes the Iris Dataset, showing petal length against sepal width for individual flowers. Each circle is colored by species using a `scaleOrdinal` with a custom color range, and points are semi-transparent to reveal overlapping data. The visualization is built with React and D3 v5, using `scaleLinear` for both axes with padded domains and axis components for tick rendering. The iris data is loaded as CSV and parsed into numeric values for the plot.

dv2020-ep34-viz35 - scatter plot w/ color legend

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width for three iris species. The visualization uses d3.scaleLinear for axes, d3.scaleOrdinal for color encoding by species, and d3.csv for data loading. React components render SVG circles with opacity, complemented by custom axis components and a color legend. The chart includes a legend title, axis labels, and tooltips showing measurements in centimeters.

Dataviz 2020_Ep25 - 19. Scatter Plot

This scatter plot visualizes the Iris flower dataset, showing the relationship between petal length and sepal width for individual specimens. The visualization encodes each flower as a circle, with hovering revealing its exact value via a native SVG `<title>` tooltip. Built with React and D3 v6, the chart uses `d3.scaleLinear` for axes, `d3.extent` for domains, and custom React components for axes and marks. Data is loaded asynchronously from a remote CSV file using `d3.csv`.

MMinwoo Pak

Dataviz 7 - Scatter plot

A scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal width on the y-axis for individual flowers. The visualization uses React with D3 v5, employing `scaleLinear` for both axes and rendering SVG circles via the `Marks` component. Axes are built with reusable `AxisBottom` and `AxisLeft` components, while a native SVG `<title>` element provides hover tooltips. The data loads asynchronously from a remote CSV using the `csv` function from D3, with numeric fields parsed on ingestion.

RRyAlpha

91% match

dv2020-ep35-viz36 - scatter plot w/ interactive color legend

This scatter plot visualizes the Iris Dataset, showing petal length against sepal width with points colored by species. An interactive color legend on the right allows users to hover over a species name, which highlights points of that species by fading all other circles to partial opacity. The visualization uses React with D3 v5 scales and SVG rendering, employing `scaleLinear`, `scaleOrdinal`, and custom React components for axes, marks, and the legend. Data is loaded asynchronously via D3's `csv` method from a GitHub gist.

91% match

Scatter Plot - Iris

This scatter plot visualizes the Iris dataset, mapping petal length against sepal width for individual flowers. The code uses React with D3 v5 utilities, including `scaleLinear`, `extent`, `csv` for data loading, and `format` for axis tick labels. Rendered as an SVG, it includes custom AxisBottom and AxisLeft components that generate ticks and gridlines, while Marks component draws circles with native tooltips via the `<title>` element. Data is fetched from a remote CSV file and parsed into numeric values during loading.

SSai Phaltankar

91% match