Stylized Scatter Plot

100%

Stylized Scatter Plot

✓ Published0🌍 Public

Last edited Jan 10, 2020

Created on Jan 10, 2020

This stylized scatter plot visualizes the Iris dataset, plotting petal length on the x-axis against sepal width on the y-axis. Each point is rendered as a circle with a tooltip showing the x-axis value on hover. The chart uses D3 v5’s `scaleLinear` for axis scaling and data extent calculation, with custom React components for axes and marks. The visualization is built with React and rendered as an SVG, styled with the Poppins font and a muted color palette for ticks, labels, and data points.

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 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

97% match

Loading thumbnail…

Stylized Scatter Plot

A stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. The visualization uses React with D3 v5, employing `scaleLinear` for axes, `extent` for domains, and `format` for tick labels. Circular marks are rendered as SVG elements with tooltips, while custom Axis components draw grid lines and labels. The plot uses the Poppins font and a teal color scheme for a polished, modern appearance.

JJulianWgs

96% match

Loading thumbnail…

Stylized Scatter Plot

A stylized scatter plot visualizes the Iris dataset, comparing petal length against sepal width. The visualization uses D3 scales (`scaleLinear`, `extent`, `format`) to map data to SVG coordinates, while React components render the axes and circular marks. Each data point is an SVG circle with a tooltip showing its petal length. The chart includes labeled axes, tick marks, and a clean design using the Poppins font.

SShmuel Leider

96% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width. The visualization uses D3.js scaleLinear and extent functions to map data coordinates to SVG positions, while React components render the axes and circular marks. The code applies a custom Poppins font and a muted color palette, with a distinct teal fill for data points and subtle gray styling for grid lines and labels. SVG circles include title elements that display tooltips showing the x-value on hover.

Ssommerh

96% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual iris flowers. The visualization employs D3.js scaleLinear functions to map the data domain to SVG coordinates, with React components rendering the axes and circle marks. Custom tooltips display formatted values via the D3 format API. The plot features a clean, minimalist design with Poppins typography, muted gray tick marks, and teal data points, showcasing how aesthetic styling can enhance a classic statistical chart.

Wwindwaver

96% match

Loading thumbnail…

Stylized Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal width on the y-axis. Each circle represents one flower sample, with hover tooltips revealing the precise x-value. Built with React and D3 v5, the visualization uses `scaleLinear` for both axes, `extent` to set domains, and `format` for tick labels. The SVG rendering includes custom axis components with tick marks and labels, while data loading relies on D3’s `csv` method with type coercion for numeric values. The chart’s teal circles and Poppins typography give it a modern, stylized appearance.

DDenise Mauldin

96% match

Loading thumbnail…

Stylized Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping petal length on the x-axis and sepal width on the y-axis. Each flower is rendered as a circular mark, with a native SVG tooltip showing the x-value on hover. The visualization uses React components to structure the axes and marks, while D3 scaleLinear and extent functions handle the data scaling. Axes are drawn with custom D3 ticks and gridlines, styled with a Poppins font and teal color scheme, with source text shown while data loads.

Bbootshine2

96% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris dataset, plotting petal length against sepal width. Each circle represents a sample, with a tooltip displaying the x-axis value. The visualization uses React to render SVG elements, while D3 v5 utilities handle data loading, scales, and formatting. CSV data is fetched asynchronously and parsed via `d3.csv`. The chart features custom axes with styled ticks and labels, uses the Poppins font, and applies a distinct color scheme for the marks.

MMorgan Worrell

96% match