ICE6-ScatterPlotShivani

ICE6-ComboChartShivani

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three species (setosa, versicolor, and virginica) using a BBC-style color palette. Each species is represented as a distinct colored circle, with the points colored via CSS classes defined in the stylesheet. The visualization uses D3 v7 to load CSV data, create linear scales with `d3.scaleLinear`, and render axes with `d3.axisBottom` and `d3.axisLeft`, while a custom `renderLegend` function provides interactive hover highlighting that fades non-hovered species to 20% opacity.

95% match

ice 6 shivani

This scatter plot compares sepal length and width across three iris species, with interactive legend highlighting that fades non-matching points. It uses d3.csv for data loading and d3.scaleLinear, d3.scaleOrdinal, d3.axisBottom, and d3.axisLeft for rendering. The visualization applies BBC-style color themes and responsive sizing via ResizeObserver. Data comes from Fisher's Iris dataset, styled with configurable point properties like radius, opacity, and stroke.

93% match

ice6barchart shivani

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three flower species with color-coded points. The chart includes hover interactivity through its legend, which highlights and fades points by species. Built with D3 v7, it uses `scaleLinear`, `scaleOrdinal`, `axisBottom`, and `axisLeft` to render the SVG visualization, with data loaded from a CSV via `d3.csv`.

93% match

ice6barchart shivani

This interactive scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three iris species (setosa, versicolor, virginica). The visualization uses D3 v7 to render SVG elements, with data loaded from a CSV file. Users can hover over legend items to highlight corresponding data points, which are dynamically reordered. The chart includes labeled axes, a title, subtitle, and source attribution, with BBC-inspired color styling applied via CSS classes.

92% match

ice6barchartshivani

This visualization compares sepal dimensions across three Iris species using a D3.js scatter plot. It presents sepal length and sepal width for each flower, with points colored by species according to a supplied BBC color theme. The code utilizes `d3.csv` for data loading, `scaleLinear` and `scaleOrdinal` for scales, `axisBottom` and `axisLeft` for axes, and supports interactive point fading through a legend. Data comes from Fisher's Iris dataset.

Aadithiarikatla@gmail.com

ICE 7 scatter plot

This scatter plot visualizes the Iris dataset, comparing sepal length and sepal width across three iris species. The chart uses color-coded points to distinguish species, with an interactive legend that dims non-hovered data points for focused comparison. Built with D3.js, it employs `scaleLinear` for axes, `scaleOrdinal` for colors, and `axisBottom`/`axisLeft` for tick rendering. The visualization loads CSV data from a remote URL and applies a BBC-inspired color theme with customized point styling, including radius, opacity, and stroke properties.

Aadithiarikatla@gmail.com

ICE 7 scatter plot

ICE5 Visualization

This scatter plot visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. The visualization uses D3.js v7 with SVG rendering to display data points colored by species, with interactive hover effects on the legend that highlight corresponding points. The chart includes labeled axes, a title, subtitle, and source attribution, with data loaded from a CSV file hosted on GitHub. The implementation uses d3.csv for data loading, d3.scaleLinear and d3.scaleOrdinal for scales, and d3.axisBottom and d3.axisLeft for axis generation.

Aaravindsg99@gmail.com