Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Reusable D3 scatter plot template

Public visualization

Reusable D3 scatter plot template

0 stars2🌍 Public
LLouis Astorg
Last edited Aug 8, 2022
Created on Aug 2, 2022

This example presents a reusable scatter plot template built with D3.js that visualizes the classic Iris dataset. The plot animates through different variable pairings, cycling between petal width, sepal width, petal length, and sepal length every two seconds, updating the x-axis and circle positions accordingly. The code uses D3’s `csv` loader, `scaleLinear`, `axisLeft`, and `axisBottom` APIs within a custom `scatterPlot` function, rendering SVG circles with tooltips. The visualization fills the browser window and employs the Share Tech font for axis tick labels.

AI-generated description

D3 Scatter Polt template

Comments

Sign in to join the discussion.

MIT Licensed