Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Cars Scatter Plot

Public visualization

Viewing a saved revision (read-only)

4e17f2a8a5a04eb5aaddc4fd41c67d8c

Fork of Cars Scatter Plot

0 stars0🌍 Public
LLê Minh Bằng
Last edited Sep 9, 2024
Created on Sep 8, 2024
Forked from Cars Scatter Plot

This scatter plot visualizes the Iris dataset, showing the relationships between sepal and petal dimensions across three Iris species. Colored circles represent individual flowers, with distinct colors for Iris-setosa, Iris-versicolor, and Iris-virginica. The visualization is interactive, allowing users to select which measurements appear on the x and y axes through dropdown menus. Hovering over the legend highlights all points of a corresponding species by increasing their opacity. The code uses D3.js version 5, with functions like `scaleLinear` for axis scaling, `axisBottom` and `axisLeft` for rendering axes, and `transition` for smooth animations when the data is re-rendered or filtered. Data is loaded from a CSV file, and the SVG canvas is dynamically updated with new points and axes.

AI-generated description

Here are some suggested hex colors for each type of Iris flower:

  1. Iris-virginica:#4B0082 (Indigo)

    • Represents a deep, vibrant purple often associated with the Iris virginica flower.
  2. Iris-versicolor: #FF6347 (Tomato)

    • A reddish-orange color that reflects the multicolored nature of Iris versicolor.
  3. Iris-setosa: #3CB371 (Medium Sea Green)

    • A soft green that can symbolize the natural and lighter tones found in Iris setosa.

These colors are visually distinct and capture some of the natural essence of each flower.