Skip to main content
SimilarExport ZIP
100%

Fork of Stylized Scatter Plot

✓ Published0🌍 Public
Hhenry c
Last edited Apr 1, 2022
Created on Mar 22, 2022

This scatter plot visualizes the Iris dataset, plotting petal length against sepal width for individual flower samples. The visualization uses React to render SVG elements, with D3 v5’s `scaleLinear` and `extent` functions handling the x and y axis scaling. Axis components generate ticks via `xScale.ticks()`, while the `Marks` component renders each data point as a circle with a tooltip showing the formatted petal length. The chart is styled with the Poppins font and includes labeled axes.

AI-generated description

A scatter plot of The Iris Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length against sepal width for individual flowers. The visualization uses React with D3.js v5 scales, including `scaleLinear` and `extent`, to position SVG circles. Axes are rendered as custom React components, with tick marks and labels styled using Poppins font. The plot provides hover tooltips displaying x-axis values in abbreviated format, while the data loads asynchronously from a CSV file using D3's `csv` function.

GGAMBILLJJ94
97% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. Built with React and D3 v5, it uses d3.scaleLinear for both axes and d3.extent to set the domains. The SVG rendering includes custom AxisBottom and AxisLeft components that generate tick marks and labels, while Marks renders circles with native SVG tooltips via the title element. Axis labels are oriented vertically and horizontally, with styling defined by the Poppins font and muted color palette.

JJean David
97% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. Built with React and D3 v5, it uses d3.scaleLinear for both axes and d3.extent to set the domains. The SVG rendering includes custom AxisBottom and AxisLeft components that generate tick marks and labels, while Marks renders circles with native SVG tooltips via the title element. Axis labels are oriented vertically and horizontally, with styling defined by the Poppins font and muted color palette.

JJean David
97% match
Loading thumbnail…

Fork of Stylized Scatter Plot

A scatter plot of the Iris Dataset displays petal length against sepal width, with each flower represented as a teal circle. Built with React and D3 v5, the visualization uses `scaleLinear` for both axes and renders SVG circles via the `Marks` component. Axis components generate tick lines and labels, while data loads asynchronously through D3’s `csv` parser with numeric coercion. A Poppins font and muted color palette style the chart, which includes rotated and horizontal axis labels.

AAbin
97% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. The visualization uses D3.js scaleLinear functions to map data dimensions to SVG coordinates, with React components handling the rendering of axes and circular marks. Each data point appears as a teal circle with a tooltip showing its x-value, while the axes display formatted tick labels. The chart is styled with the Poppins font and a muted color palette defined in the accompanying stylesheet.

RRené Goretzka
97% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual iris flowers. The visualization uses React with D3 v5 scales and SVG rendering, with the data loaded asynchronously via d3.csv. The code includes custom axis components that generate tick marks and labels, while circular marks display each data point with a tooltip showing the exact petal length value. The chart incorporates a Poppins font and muted color palette for a clean, stylized appearance.

JJohanna Magdalena
97% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, plotting petal length against sepal width for individual flowers. Rendered as an SVG using React and D3 v5, the chart employs `scaleLinear` for both axes and displays each data point as a fixed-radius circle. The code uses `AxisBottom` and `AxisLeft` components to generate axis ticks and labels, while tooltips show formatted values on hover. The visualization is styled with a custom color palette and Poppins font, with axis labels and tick marks colored in muted grays and teal.

HHowardHan99
96% match
Loading thumbnail…

Fork of Stylized Scatter Plot

This fork of a scatter plot visualizes the Iris Dataset using React and D3 v5, plotting petal length against sepal width for each flower sample. The chart renders as an SVG, with axes created through custom React components that map D3 scales to SVG elements. The code uses D3’s `csv`, `scaleLinear`, `extent`, and `format` utilities to load and transform the data, compute scales, and format tick labels. Each data point is drawn as a circle with a tooltip showing the petal length value, styled with a clean Poppins font and muted teal color scheme.

DDonald Bagwell
96% match