Fork of Stylized Scatter Plot

100%

Fork of Stylized Scatter Plot

✓ Published0🌍 Public

Last edited Nov 15, 2021

Created on Nov 15, 2021

This fork of the Iris Dataset scatter plot visualizes petal length against sepal width, with each flower represented as a teal circle. The SVG visualization uses React components and d3.scaleLinear to map data points, while d3.extent and d3.max determine the domain. Axis labels and ticks are rendered via custom React components, and CSS styling applies the Poppins font. Data loads asynchronously through d3.csv from a GitHub gist, with numeric fields parsed for the scatter plot.

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

96% match

Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris dataset, comparing petal length against sepal width. The code uses d3.scaleLinear and d3.extent to map data to SVG coordinates, with custom React components for axes and marks. Styling is applied via CSS classes for ticks and circles. The plot renders within a Poppins-font SVG, loading data asynchronously from a CSV via d3.csv, with a digital tooltip showing the petal length value on hover.

Tthom

96% match

Loading thumbnail…

Fork of Stylized Scatter Plot

A stylized scatter plot displays the Iris Dataset, mapping petal length against sepal width for individual flowers. The visualization uses React components to render SVG circles, with axes built from d3 scales and tick formatting. Data is loaded asynchronously via d3.csv and parsed with numeric coercion. The appearance is customized with the Poppins font, teal-colored marks, and axis labels, while the clean design highlights the dataset's distribution.

Ssagar basavaraj

96% match

Loading thumbnail…

Fork of Stylized Scatter Plot

This fork of the “Stylized Scatter Plot” visualizes the Iris dataset, plotting petal length against sepal width for individual flowers. The scatter plot uses React with d3.v5 to compute linear scales via `scaleLinear` and render SVG circles as marks, styled with a distinct teal fill. Axis components are built with React from D3’s tick values, and hover tooltips display formatted tick values. Data is loaded asynchronously with the `csv` function from D3.

Sseanmdalrymple@protonmail.com

95% 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 by a teal circle. The visualization uses React components and D3 scales to map the data, with axes generated by custom AxisBottom and AxisLeft components. The code loads data via d3.csv, applies linear scales with d3.scaleLinear, and formats tick labels using d3.format. Styling includes Poppins font and custom tick and mark colors, with a native SVG title element providing tooltips.

TTina Nemati

95% match

Loading thumbnail…

Fork of Stylized Scatter Plot

This fork of a stylized scatter plot visualizes the classic Iris Dataset, plotting petal length against sepal width for individual flowers. The visualization is built with React and renders as SVG, using D3’s `scaleLinear` to map data values to coordinates. Axes are custom-rendered with React components that generate tick marks and labels, while circles represent each data point. The chart includes styled axis labels, tooltips on hover via the SVG `title` element, and a clean, minimalist design with a Poppins font.

Bbillmccabeusa@hotmail.com

95% match

Loading thumbnail…

Fork of Stylized Scatter Plot

This scatter plot visualizes the Iris Dataset, mapping petal length against sepal width with circular marks. The React-based implementation uses D3 v5 scales (`scaleLinear`) and extent calculations to position points, while custom AxisBottom and AxisLeft components render the tick marks. Styled axes and teal-colored circles follow the Poppins font, with hover tooltips displaying formatted petal length values. The code loads CSV data via `d3.csv` and renders the visualization as SVG.

LLyco Angelo Ty

95% match

Loading thumbnail…

Fork of Stylized Scatter Plot

A React-based scatter plot visualizes the Iris Dataset, showing petal length against sepal width. The visualization uses d3.scaleLinear for both axes, with formatted tick labels and axis labels. Data loads via d3.csv from a GitHub gist, parsing numeric values for all four iris measurements. The SVG rendering displays circles for each data point, with hover tooltips showing petal length values. The chart uses a Poppins font and custom styling for ticks, marks, and axis labels, with a responsive design that centers the visualization in the viewport.

GGregS1290

95% match