Skip to main content
SimilarExport ZIP
100%

Stylized Scatter Plot

✓ Published0🌍 Public
KKrishu
Last edited Aug 13, 2020
Created on Aug 13, 2020

This stylized scatter plot visualizes the Iris Dataset, mapping petal length against sepal width for individual flowers. The visualization uses React to render SVG circles, with D3’s scaleLinear and extent functions calculating the axes and data domains. Custom AxisBottom and AxisLeft components generate tick marks and labels, while the Marks component adds interactive tooltips via SVG <title> elements. The chart applies a clean aesthetic with Poppins typography, teal markers, and muted gray gridlines, and includes rotated axis labels for readability.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length against sepal width for individual flowers. Built with React and D3 v5, it uses `scaleLinear` for both axes and renders SVG circles via a custom `Marks` component, with axes generated by `AxisBottom` and `AxisLeft`. The visualization includes formatted tick labels, rotated axis titles, and a native SVG tooltip showing the x-value on hover. Styling uses the Poppins font with custom CSS for marks and gridlines.

KKrishu
98% match
Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris flower dataset, mapping petal length against sepal width. The code uses React with D3 scales (scaleLinear), and renders SVG circles with native `<title>` elements for tooltips. Axes are built with custom React components using tick marks and formatted labels. The chart applies a Poppins font and muted color palette, with axis labels rotated for readability, all styled through inline CSS.

KKrishu
97% match
Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, showing petal length against sepal width for individual flower specimens. The visualization uses React with D3 v5 scales and SVG rendering, featuring custom AxisBottom and AxisLeft components that generate tick marks and labels. Circles representing data points include native SVG title tooltips, while the Poppins font and teal color scheme create a distinctive aesthetic. The code leverages d3.scaleLinear, d3.extent, d3.format, and d3.csv for data loading and scaling operations.

AAbhay Kumar
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 Scatterplot

This stylized scatterplot visualizes the Iris dataset, plotting petal length against sepal width for individual flowers. The SVG rendering uses React components with D3 scales (d3.scaleLinear) and axes (AxisBottom and AxisLeft) built from D3 tick marks. The d3.csv function loads the data, while circle marks include native SVG tooltips via the title element. The chart uses a Poppins font, teal circles, and italic axis labels with abbreviated tick formatting via d3.format.

KK3zter
96% 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
96% match
Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, mapping petal length against sepal width for individual flower samples. The visualization uses React with D3 v5 scales, specifically `scaleLinear` and `extent`, to position circles in an SVG canvas. Axis components generate tick marks and labels, while the `Marks` component renders each data point as a circle with a tooltip showing the x-value. The chart features a Poppins font, custom axis styling, and formatted tick labels using D3's `format` function.

AAkhilesh7866
96% match
Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the Iris Dataset, comparing petal length against sepal width. Each flower is drawn as a circle, with hover tooltips revealing the precise x-axis value. The visualization uses React with D3 v5, leveraging `scaleLinear` for axes, `extent` for domain calculation, and `csv` for dataset loading. A clean, muted color palette and Poppins typography define the aesthetic, while custom `AxisBottom`, `AxisLeft`, and `Marks` components render the SVG output.

Mmuhammadshumas
96% match