Skip to main content
SimilarExport ZIP
100%

A Scatter plot

✓ Published3🌍 Public
JJonas Carvalho
Last edited Apr 12, 2021
Created on Apr 12, 2021

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis against sepal length on the y-axis. Each point represents an individual flower, with a tooltip displaying the exact petal length value. The visualization uses React to render SVG elements, with d3.scaleLinear for both axes and d3.extent to set the domains. Axes are generated with custom tick components, and the chart includes labeled axis titles with rotated y-axis text. The data is loaded asynchronously from a CSV file using d3.csv.

AI-generated description

A scatter plot of [Iris] https://gist.githubusercontent.com/curran/a08a1080b88344b0c8a7/raw/0e7a9b0a5d22642a06d3d5b9bcbad9890c8ee534/iris.csv

MIT Licensed

Similar vizzes

Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, displaying petal length against sepal length for individual flowers. The visualization uses React with D3 scales (`scaleLinear`, `extent`) to map data values to SVG coordinates, with custom axis components generating tick marks and labels. The D3 CSV loader fetches the data from a remote gist, while circles with 0.6 opacity represent each observation. The chart includes labeled axes and applies `nice()` to domain padding for cleaner tick intervals.

AAnkit5ingh
96% match
Loading thumbnail…

Scatter Plot

This interactive scatter plot displays the Iris dataset, plotting petal length against sepal width for individual flowers. The visualization is built with React and rendered as SVG elements, using D3 v7 scales (d3.scaleLinear) and axes. Each data point is a circle with a radius of 10, and hovering reveals the petal length as a native tooltip. The code uses d3.extent to set domains, d3.csv for data loading, and d3.format with a custom tick formatter that replaces 'G' with 'B' for axis labels.

Aangelathacker123
96% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris Dataset, showing the relationship between petal length and sepal width for individual iris flowers. The React-based visualization uses D3 v5 scales and axes to map the quantitative values to SVG coordinates. Data loads asynchronously via `d3.csv`, with each flower represented as a circular mark. The chart includes clearly labeled axes with rotated y-axis text, formatted tick values using `d3.format`, and a custom tooltip system that displays the petal length when hovering over a point. Styling is applied through CSS classes for ticks, labels, and marks.

Ggujjapooja7@gmail.com
96% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the Iris Dataset, mapping petal length on the x-axis and sepal width on the y-axis. Each circle represents a single flower sample, with a native tooltip revealing the precise x-value on hover. Built with React and rendered as SVG using d3.scaleLinear for both axes, the visualization employs custom AxisBottom and AxisLeft components for tick marks and labels. The d3.csv loader fetches the data, while the marks are drawn as circle elements with dark red fill, styled with the Bebas Neue font.

FFrederick O'Brien
95% match
Loading thumbnail…

Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length on the x-axis and sepal width on the y-axis for each flower specimen. Rendered as SVG circles with fixed radius, the chart uses D3’s `scaleLinear` functions for both axes, with axis ticks generated by custom React components. The code leverages React hooks (`useState`, `useEffect`, `useCallback`) to asynchronously load the CSV data via D3’s `csv` method, parsing numeric fields before display. Axis labels and tick formatting are applied through D3’s `format` utility, with tooltips provided by SVG `<title>` elements.

NNikithakatta30
95% match
Loading thumbnail…

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` to create axes and renders circles as SVG marks. The `axisBottom` component formats tick labels with D3's `format` function, while tooltips display values via SVG `<title>` elements. The data loads asynchronously from a CSV using D3's `csv` parser.

Llefat92
95% match
Loading thumbnail…

Scatter plot

This scatter plot visualizes the Iris flower dataset, mapping petal length along the x-axis and sepal width along the y-axis. Each circle represents a flower sample, with a tooltip showing its petal length. The visualization uses React to render SVG elements, with D3 v5 providing the `scaleLinear` functions for axes and the `csv` parser for data loading. The data comes from a CSV file of the Iris dataset.

GGokulkrishnan1996
95% match
Loading thumbnail…

Iris Scatterplot

This scatterplot visualizes the Iris dataset, plotting petal length on the x-axis against sepal length on the y-axis, with each of the 150 flowers represented as a circle. The React-driven SVG uses D3 v7 scales, including `scaleLinear` and `extent`, to map data values to pixel coordinates. Axis components generate tick marks and labels via `xScale.ticks()`, while formatted tooltips appear on hover through SVG `<title>` elements. Data is loaded asynchronously with `d3.csv` from a remote gist, and the layout employs explicit margins for axis labels.

Ssaidhiraj16
95% match