Stylized Scatter Plot

100%

Stylized Scatter Plot

✓ Published3🌍 Public

Last edited May 31, 2021

Created on May 24, 2021

This stylized scatter plot visualizes the Iris Dataset, mapping petal length against sepal width. Built with React and rendered as SVG, it uses D3 v5 functions like `scaleLinear` and `extent` to create the axes and scale the data points. The graph employs `csv` to load the dataset and displays circles with tooltips showing their values. The design features a distinctive Poppins font and teal color scheme.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, showing petal length against sepal width as teal circles. Built with React and D3 v5, it renders as an SVG with custom, reusable components for axes and marks. The visualization uses D3's `scaleLinear` for scaling, `extent` and `max` for domain calculations, and `format` for tick labels. The code draws axis ticks and labels with styled lines and text, and each data point is a circle with a tooltip, pulling data from a CSV URL.

Sstefichim

96% match

Loading thumbnail…

Stylized Scatter Plot

A scatter plot of the Iris Dataset reveals the relationship between petal length and sepal width. The visualization uses React and D3 v5 with SVG rendering, scaling both axes linearly via `d3.scaleLinear` and formatting tick labels with `d3.format`. Stylized elements include a Poppins font, teal circular marks, and custom axis components. Data loads asynchronously using D3's `csv` parser.

Cchamce

96% match

Loading thumbnail…

Stylized Scatter Plot

A scatter plot of the Iris Dataset shows petal length on the x-axis and sepal width on the y-axis. Built with React and D3 v5, it uses `scaleLinear` for axes and renders SVG circles via a custom `Marks` component. Data is loaded asynchronously from a CSV using D3’s `csv` function. Axis ticks and labels are styled with the Poppins font, and each point includes a tooltip formatted with D3’s `format` function.

Ddeltiger

95% match

Loading thumbnail…

Stylized Scatter Plot

This interactive scatter plot visualizes the Iris dataset, comparing petal length against sepal width. Built with React and D3 v5, it renders circles in SVG using the `scaleLinear` and `extent` APIs to map data values. The chart includes labeled axes, gridlines, and tooltips that display values on hover. Styling uses the Poppins font and a custom teal color scheme defined in CSS.

DDHasanC

95% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width. Built with React and D3 v7, it uses `d3.scaleLinear` for axes and maps the data to SVG circles with a teal fill. Axis components render ticks and labels with custom tick formatting via D3’s `format` function. A native SVG `<title>` element provides hover tooltips showing the petal length. The Poppins font and muted gray axis styling give the chart a modern, clean aesthetic.

BBen Seebeck

95% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flower samples. It uses d3.scaleLinear for axis scaling and React to generate the SVG. The marks are rendered as circles with tooltips, styled through CSS with a Poppins font. The code builds custom axes using React components, with the x-axis formatting numbers with a suffix format.

Ttoeric

95% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris flower dataset, mapping petal length against sepal width for individual specimens. The visualization uses D3.js utilities—including `csv` for data loading, `scaleLinear` for axes, and `extent` for domain calculation—combined with React to render SVG circles and axis ticks. Each data point is drawn as a small teal circle with a tooltip displaying its value. The chart includes labeled axes with customized tick formatting and a responsive layout, all styled with the Poppins font family.

FFonda Irena Santoso

95% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. The visualization uses React and D3 v5 to render SVG circles with tooltips showing petal length values. Linear scales map the data domain to plotting positions, while custom axis components generate gridlines and tick labels. The design incorporates a clean aesthetic using the Poppins font, teal markers, and styled axis text, with axis labels rotated for the y-axis.

Wwinniepooh520

95% match