Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE-7 reusable scatter plot

Public visualization

Viewing a saved revision (read-only)

249f86fab8a34614a381d8033ee2ab2f

ICE-7 reusable scatter plot

0 stars0🌍 Public
CChathurya
Last edited Mar 27, 2023
Created on Mar 27, 2023

This example visualizes the Iris Dataset as a scatter plot, mapping petal width to the x-axis and sepal length to the y-axis while encoding species through symbol shapes and colors (grey, coral, and aqua). The chart uses reusable D3.js components, including scaleLinear, scaleOrdinal, axisLeft, axisBottom, and the symbol generator, to render SVG marks. Data is loaded via d3.csv and parsed into numeric values before being passed to the customizable scatterPlot function.

AI-generated description

A vanilla HTML implementation of a D3 scatter plot. Shows the Iris Dataset.