Stylized Scatter Plot

100%

Stylized Scatter Plot

✓ Published1🌍 Public

Last edited Jun 4, 2021

Created on Jun 4, 2021

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.

AI-generated description

A scatter plot of The Iris Dataset using D3 utilities, and uses React render the data.

MIT Licensed

Similar vizzes

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

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

A scatter plot displays the Iris Dataset, plotting petal length against sepal width with a circular mark for each sample. The visualization uses React components to render SVG elements, with d3.scaleLinear for axes scaling and d3.extent for domain calculation. Axes are custom-built components using SVG lines and text, styled with the Poppins font. Data is loaded asynchronously via d3.csv and transformed with numeric type coercion, while tooltips appear on hover through SVG title elements.

RRajat Dangat

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

LLaura Pippinato

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

96% match

Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, mapping petal length against sepal width. Each circle represents a flower specimen, with a fixed radius and teal fill. The chart uses React components to render SVG axes and marks, while D3’s scaleLinear and extent functions compute the scales from the CSV data. Axis labels and tick formatting are customized, and tooltips display values via SVG title elements.

Ddiska432

96% match

Loading thumbnail…

Stylized Scatter Plot

A stylized scatter plot visualizes the Iris Dataset by mapping petal length against sepal width, with each flower represented as a circular mark. The React-based implementation uses D3 v5’s scaleLinear for coordinate mapping and extent to set domains, while custom AxisBottom and AxisLeft components render ticks and labels. Data is loaded asynchronously via d3.csv, and the SVG output applies a Poppins font and teal coloring to the points.

Pporrasgp

96% match