100%

Ice

✓ Published0🌍 Public

Last edited Mar 21, 2024

Created on Mar 21, 2024

This visualization displays a scatter plot of the Iris dataset, mapping sepal length against sepal width using D3 v7. The SVG-rendered chart loads data from a remote CSV file and uses `scaleLinear`, `extent`, and axis functions to plot the measurements. Each point is drawn as a circle with a beige fill and cream stroke, with axes labeled "Sepal Length" and "Sepal Width." The code also customizes the chart dimensions and margins to fit the frame.

AI-generated description

A simple scatter plot with D3 showing the Penguins Dataset.

Challenge

Fork this viz
Modify it to show your data

MIT Licensed

Similar vizzes

Loading thumbnail…

ice8

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species of iris flowers. The visualization uses D3.js scales and axes to map the quantitative dimensions, with a color scale distinguishing species. Hovering over the legend highlights the corresponding data points while fading others, and the legend items respond to mouse events. The chart loads data from a remote CSV file using D3’s csv parser and renders with SVG.

Ssdarsi2404@gmail.com

91% match

Loading thumbnail…

ICE7

This scatterplot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The chart uses D3.js scales and axes to map the quantitative dimensions, while a color scale distinguishes species, with hover interactions on the legend highlighting corresponding data points through opacity changes. The SVG rendering is built with D3.js selection and join methods, loading data from a CSV file containing Fisher's Iris measurements.

Ssrinathkarumuru@my.unt.edu

90% match

Loading thumbnail…

ice5

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses d3.v7 to render SVG elements, with points colored by species according to a BBC-inspired color palette. Users can hover over legend items to highlight corresponding data points, and the chart includes interactive features like responsive resizing through ResizeObserver. The data is loaded from a remote CSV file containing Fisher's Iris dataset, featuring labeled axes, a legend, and clean typography for readability.

Vvydeeshm@gmail.com

90% match

Loading thumbnail…

Ice7-1

This interactive scatter plot visualizes the Iris dataset, plotting sepal length against petal width with colored points for each iris species. Every two seconds, the x-axis switches between the four numeric measurements (petal width, sepal width, petal length, sepal length), animating the data through successive views. The chart uses a reusable scatterPlot function built with D3 v6, employing scaleLinear for axes, extent for domains, and axisLeft/axisBottom for grid lines. The SVG renders circles with a fixed radius, while setInterval triggers re-renders with updated xValue mappings.

SSheela2930

89% match

Loading thumbnail…

Ice6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width on the axes while encoding sepal dimensions through each circle’s horizontal and vertical radius. Points are colored by species (blue, purple, or cyan) using D3’s `scaleLinear`, `axisLeft`, and `axisBottom`. The SVG is rendered full-screen, with data loaded asynchronously via `d3.csv`.

Ppeesarie

89% match

Loading thumbnail…

ICE-6

This example visualizes the relationship between sepal width and sepal length for iris flowers using a scatterplot. It shows individual data points as green circles, with sepal width on the x-axis and sepal length on the y-axis. The visualization is built with React and D3 v7, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for ticks, and `csv` to load the Iris dataset from GitHub. The code explicitly parses numeric values for both dimensions and renders the plot in SVG format, with clear axis labels.

66264kusuma@gmail.com

89% match

Loading thumbnail…

ICE part 2

This interactive scatter plot visualizes the Iris dataset, mapping sepal length against petal length to reveal species clusters. The visualization uses D3.js v7 to create circles whose radius starts at zero, expanding to full size, with hover interactions that enlarge points. It employs `d3.scaleLinear` for both axes, `d3.scaleOrdinal` for species color mapping, and grid lines via `d3.axisLeft` and `d3.axisBottom`. Data is loaded from a CSV URL using `d3.csv`.

Aanirudhrao345@gmail.com

88% match

Loading thumbnail…

Data Visualization ICE7: Fork of Iris Dataset Scatter Plot

This example visualizes the Iris Dataset as a scatter plot, mapping sepal width to the x-axis and sepal height to the y-axis, with points colored by species (Male versus other). It uses D3 v6 APIs including `csv` for data loading, `scaleLinear` for scaling, `extent` for domain calculation, and `axisLeft`/`axisBottom` for axes. The plot renders as SVG circles with fixed radius, and explicit text labels for “Petal Length” and “Sepal length” are added. Data is fetched from a GitHub Gist URL.

Cchakritha06

88% match