Skip to main content
SimilarExport ZIP
100%

Fork of ICE 6 BAR CHART-EV sharanya

✓ Published0🌍 Public
Cchengalvasharanya@gmail.com
Last edited Oct 19, 2025
Created on Oct 19, 2025

This interactive scatter plot visualizes the Iris dataset, showing species classifications through color-coded points. Hovering over the legend highlights the selected species and fades the others, while raising those points to the top for emphasis. Built with D3 v7, it uses scaleLinear for axes, scaleOrdinal for species colors, and svg.selectAll joins with enter/update/exit patterns for dynamic rendering. The chart includes customized BBC-style axes, labels, and a source attribution.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of ICE 7-1 Reusable Scatter Plot

This interactive scatter plot visualizes the Iris dataset, encoding species with distinct colors and shapes. It uses d3.scaleLinear for axes, d3.scaleOrdinal for categorical mapping, and d3.symbols for point glyphs, rendered as SVG. The chart dynamically cycles through different attribute pairs every ten seconds, updating axes via d3.axisLeft and d3.axisBottom. Data is fetched from a CSV, and the reusable chart component is built with d3’s selection joins, allowing smooth transitions between views.

Vvinodreddysagam929@gmail.com
86% match
Loading thumbnail…

ICE6-BarChart

This scatter plot uses d3.v7 to visualize the Fisher's Iris dataset, depicting sepal length and width for three iris species. It leverages `d3.scaleLinear` for the axes and `d3.scaleOrdinal` for color mapping, with a legend. Points are SVG circles whose opacity fades when hovering over legend items. The styled chart includes a title, subtitle, and source attribution, using BBC Graphics color themes.

Bbodushivani2601@gmail.com
86% 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
85% match
Loading thumbnail…

ICE 6 BAR CHART-EV sharanya

This visualization compares sepal length and sepal width across three iris species. It uses a scatter plot with color-coded data points for Setosa, Versicolor, and Virginica, and includes an interactive legend that highlights matching points when hovering. The chart is rendered using D3.js with scaleLinear and scaleOrdinal APIs, and loads data from a CSV file of Fisher's Iris dataset. Point styling and legend appearance are configured through a separate config file.

Cchengalvasharanya@gmail.com
85% match
Loading thumbnail…

Fork of ICE 7-1 Reusable Scatter Plot

This interactive scatter plot visualizes the Iris Dataset, encoding species with distinct shapes and colors. A D3.js v6 reusable chart component dynamically cycles through four measurement columns, updating the x-axis every ten seconds with animation. The SVG rendering includes axes and repositions data points based on the selected attribute, demonstrating a modular approach to building configurable visualizations.

Kkollirohit2000
84% match
Loading thumbnail…

ICE6_11703795_SCATTER PLOT

This scatter plot visualizes the Iris dataset, showing the relationship between two numerical dimensions with points colored by species. A legend allows users to hover over a species to highlight those points while fading others. The visualization is built using D3.js scaleLinear, scaleOrdinal, axisBottom, and axisLeft, with data loaded asynchronously. Points are rendered as SVG circles, and the chart follows a BBC-style theme with custom styling for titles, axes, and species-specific colors.

MMeghanaChowdaryVelaga@my.unt.edu
84% match
Loading thumbnail…

ICE-7 Fork of Scatter Plot - ICE7_RahulSai

This interactive scatter plot visualizes the Iris dataset, coloring points by species (setosa, versicolor, virginica) and animating the x-axis through four measurement columns on an interval. Built with d3.v6, it uses `scaleLinear`, `axisBottom`, `axisLeft`, and `join` to render SVG circles and axes, while a custom legend and rotated axis label are appended directly. The chart cycles the x-axis variable, updating scales and re-rendering marks each second.

Kkirangithub23
84% match
Loading thumbnail…

Fork of ICE-6

This scatter plot visualizes the Iris dataset, mapping petal length and width on the x- and y-axes while coloring points by species. It uses d3.csv to load the data, d3.scaleLinear with d3.extent for scales, and d3.axisLeft and d3.axisBottom to render axes. Circles are appended via data joins, with fill colors assigned per species. The chart fills the browser window with a yellow background, and axis labels describe petal length and sepal length, though only the former matches the plotted data.

Aarcothanmukha
84% match