Skip to main content
SimilarExport ZIP
100%

Stylized Scatterplot

✓ Published2🌍 Public
LLawrence Liu
Last edited Apr 11, 2022
Created on Apr 11, 2022
Forked from Pathetic Bar Chart

A scatterplot of the iris dataset maps petal length against sepal width. The SVG rendering uses React components for axes and marks, with D3 v5 scales (scaleLinear) and extent for domain computation. Axes are drawn manually via tick generation, and circles include title tooltips formatted with d3.format. The Poppins font and muted color palette create a stylized appearance.

AI-generated description

A scatterplot of the iris dataset.

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

Stylized Scatter Plot

A stylized scatter plot visualizes the iris dataset, mapping petal length on the x-axis and petal width on the y-axis. The SVG rendering uses React components to build the axes and data marks, with circles representing individual flower measurements. The code leverages d3.axis functions indirectly through custom AxisBottom and AxisLeft components, while d3.scaleLinear handles the spatial scaling and d3.extent computes the domain. Tooltips are implemented using native SVG `<title>` elements, and the plot is styled with the Poppins font and a teal color scheme.

Nnpelliccia
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

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

Stylized Scatter Plot

A stylized scatter plot visualizes the Iris dataset, mapping petal length against sepal width to reveal the distribution of flower measurements. The code builds custom SVG axes using React components and D3’s scaleLinear, format, and extent utilities. Circles representing individual flowers are rendered with SVG elements, and hover tooltips display formatted values. The styling uses the Poppins font with turquoise marks and muted gray axes.

CCurran Kelleher
95% 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
95% match
Loading thumbnail…

Stylized Scatter Plot

This stylized scatter plot visualizes the relationship between petal length and sepal width in the Iris dataset, sourced from the UCI Machine Learning Repository. It uses React with D3 v5 scales and SVG rendering. The code employs `scaleLinear` for both axes, `extent` for domain calculation, and custom axis components. The Poppins font and teal circle marks create a distinctive visual style, with tooltips displaying formatted x-axis values.

Kkcai93
95% match