ICE7

100%

✓ Published0🌍 Public

Last edited Mar 13, 2023

Created on Mar 12, 2023

Forked from Reusable scatter plot with different symbols

This interactive scatter plot visualizes the relationship between petal width and sepal length for iris flowers, with each species represented by a distinct symbol. Built using D3 v6, it uses `d3.scaleLinear` for axes, `d3.scaleOrdinal` with `d3.symbol` to encode species as different shapes, and `d3.axisLeft`/`d3.axisBottom` for labeled scales. The SVG rendering fills the browser window, with explicit axis titles and a bold title, drawing data from a CSV file hosted in a GitHub Gist.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

ICE-7-1

A D3.js scatter plot visualizes the Iris dataset, plotting petal width against sepal length. Three species of iris are distinguished using different SVG symbols via a d3.scaleOrdinal and d3.symbol generator. The chart uses d3.axisLeft and d3.axisBottom for axes, with data loaded from a CSV URL and parsed into numeric values. The visualization fills the browser window and is rendered with SVG.

HHARSHA BUDDANA

93% match

Loading thumbnail…

ICE-7 (11630234)

This visualization displays a scatter plot of the Iris dataset, mapping petal width against sepal length. The plot uses distinct symbols and colors (orange, purple, and grey) to differentiate the three plant species. The D3.js library (v6.7.0) constructs the chart, employing functions like `scaleLinear`, `extent`, `axisLeft`, and `symbol` to generate axes and data points. The SVG output is dynamically sized to fit the browser window and includes labeled axes and a bold title.

KKovvuri Supraj

93% match

Loading thumbnail…

ICE 7 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and distinguishing species through different SVG symbols. It uses d3.scaleLinear for axes, d3.scaleOrdinal with d3.symbols for species markers, and d3.axisLeft/axisBottom for tick marks. The code loads CSV data via d3.csv and employs a reusable chart pattern with the scatterPlot function, rendering marks as generated path data through d3.symbol and d3.symbolGenerator.

SSreejaBellamkonda

92% match

Loading thumbnail…

ICE 7.1

This interactive scatter plot displays the Iris dataset, encoding sepal and petal measurements as x and y coordinates. Points are differentiated by species using both color (via `d3.scaleOrdinal` with `schemeCategory10`) and shape (via `d3.symbol` with distinct symbol types). Every ten seconds, the x-axis automatically switches among four measurement columns—petal width, sepal width, petal length, and sepal length—updating the chart through a custom `scatterPlot` function. The SVG is rendered with D3 v6, using `csv` to load data and `axisLeft` and `axisBottom` for dynamic axes.

Kkartik900

92% match

Loading thumbnail…

ICE 7 D3 Scatter Plot

This interactive scatter plot visualizes the Iris dataset, encoding petal and sepal measurements as x/y coordinates while color-coding points by species (setosa, versicolor, and virginica). Built with D3 v6, it uses `scaleLinear`, `axisLeft`, and `axisBottom` to render SVG axes and circles. A `setInterval` cycles through four measurement columns, animating the x-axis mapping across petal width, sepal width, petal length, and sepal length. The visualization includes a fixed y-axis for sepal length, a color legend, and axis labels, with data loaded from a remote CSV via `d3.csv`.

SSnapika

92% match

Loading thumbnail…

ICE-6 Scatter Plot

This scatter plot visualizes the Iris dataset, mapping petal width to sepal length and encoding species with distinct D3 symbol shapes. The visualization uses D3 scales, axes, and a reusable scatterPlot function to render SVG paths. Data loads asynchronously from a GitHub Gist CSV file, with numeric parsing applied to all flower measurements. The chart fills the browser window and applies a 100-pixel size to each symbol generator.

SSharanya1307

91% match

Loading thumbnail…

ICE 7 reusable scatter plot

This interactive scatter plot visualizes the Iris dataset, mapping petal width against sepal length and distinguishing species through colored symbols. Built with D3 v6, it uses reusable chart components via `scatterPlot()`, employing `scaleLinear` and `scaleOrdinal` for axes and color mapping. The SVG rendering includes axis labels and a legend-free design, with data loaded asynchronously from a CSV URL. The chart adapts to the viewport size, demonstrating a modular approach to building customizable visualizations with D3's selection and join methods.

Kkakumanusreya

91% match

Loading thumbnail…

ICE7 - Scatter Plot

This animated scatter plot visualizes the Iris flower dataset, cycling through four different measurements (petal width, sepal width, petal length, sepal length) on the x-axis while keeping sepal length on the y-axis. Each species is color-coded—setosa in orange, versicolor in blue, and virginica in black—with a static legend and labeled axes. The visualization uses D3.js (v6.7.0) with its `scaleLinear`, `axisLeft`, and `axisBottom` APIs, loading data via `d3.csv` and updating positions on a timer with `setInterval`. Data comes from a GitHub-hosted medals CSV file, and the SVG rendering includes circles with custom radii per data point.

Aavinashchinta99

91% match