Skip to main content
SimilarExport ZIP
100%

Fork of ICE-5 Local Cafes Visualization

✓ Published0🌍 Public
Bbodushivani2601@gmail.com
Last edited Oct 6, 2025
Created on Oct 6, 2025

This fork visualizes the Iris dataset, showing how sepal length and width vary across species. The scatter plot encodes species with distinct colors from the BBC theme, and includes an interactive legend that fades non-hovered points. It uses `d3.scaleLinear`, `d3.scaleOrdinal`, `d3.axisBottom`, `d3.axisLeft`, and `d3.csv` to load life from a GitHub gist.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-5 Local Cafes Visualization

This visualization shows the Iris dataset, comparing sepal length and sepal width across three iris species using an interactive scatter plot. The chart uses D3.js v7 with SVG rendering, employing `d3.scaleLinear`, `d3.scaleOrdinal`, and `d3.axisBottom`/`d3.axisLeft` to map the measurements and display axes. Points are colored by species using BBC-themed colors from `theme.js`, with a legend that supports hover highlighting via `mouseenter` and `mouseleave` events, fading non-selected species. The dataset is loaded via `d3.csv` from a remote gist URL.

Bbodushivani2601@gmail.com
91% match
Loading thumbnail…

Fork of ICE6

This visualization displays the classic Iris dataset as a scatter plot, comparing sepal length against sepal width for three species of iris flowers, with an interactive legend that highlights each species on hover. The plot uses D3.js scales (scaleLinear, scaleOrdinal), axes (axisBottom, axisLeft), and a ResizeObserver to make the visualization responsive. Points are rendered as SVG circles with a BBC-inspired color theme, while the legend smoothly fades non-hovered species to 20% opacity. Data is loaded asynchronously from a remote CSV file using D3’s csv parser.

PP Manisha
87% match
Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot displays the Iris dataset, plotting petal length and width for each specimen. The points are colored by species: setosa, virginica, and versicolor. The visualization loads CSV data via `d3.csv`. Using `d3.scaleLinear`, it maps data to pixel coordinates for the SVG circles, and includes axes created with `d3.axisLeft` and `d3.axisBottom` for the petal dimensions.

KKeerthipriyaBankuru
85% match
Loading thumbnail…

Fork of Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length against sepal width across three species. The visualization uses d3.csv to load data and d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom/axisLeft to render the chart. Users can hover over the legend to highlight individual species while fading others. The chart displays a title, subtitle, source attribution, and uses the BBC color theme to differentiate data points.

Ssowjanyateppali4202@gmail.com
85% match
Loading thumbnail…

Fork of Fork of Fork of Fork of ICE-6 Scatter Plot

This example visualizes the Iris dataset as a scatter plot, mapping sepal length to the x-axis and sepal width to the y-axis, with points colored by species (green, violet, red). It loads data from a CSV via `d3.csv`, parses numeric fields, and renders SVG circles using D3 v6. The code uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to create scales and axes, while a `switch` function assigns colors. Axis labels are added with rotated SVG text, and the visualization fills the full browser window.

VVineela Reddy
85% match
Loading thumbnail…

Fork of Fork of ICE - 6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal length and width for each sample while using color to distinguish species. The circles also encode sepal measurements through their horizontal and vertical radii, creating a multi-dimensional view. Built with D3 v6, the visualization loads CSV data from a GitHub repository and uses `scaleLinear`, `extent`, `axisLeft`, and `axisBottom` to construct the plot. Custom styling sets tick font sizes and axis labels, while the SVG output fills the entire browser window.

NNaimisha-M
85% match
Loading thumbnail…

ICE_5

This visualization displays Fisher's Iris dataset, plotting sepal length against sepal width for three iris species (setosa, versicolor, and virginica) using a scatter plot. Each species is represented by colored circles with distinct BBC-inspired palette colors, and hovering over a legend item fades non-matching data points. The D3.js code loads CSV data via `d3.csv`, constructs linear scales with `scaleLinear`, and renders axes with `axisBottom` and `axisLeft`. A `ResizeObserver` manages responsive sizing.

NNirupama Karanam
84% match
Loading thumbnail…

Fork of Fork of d3.js project

This interactive scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 to render an SVG chart with axes, labels, and a legend that highlights data points by species when hovered, using color categories from a BBC-inspired theme. It leverages D3's `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` APIs, with data loaded asynchronously via `d3.csv`.

Ssowjanyateppali4202@gmail.com
84% match