Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

ICE7

Public visualization

Viewing a saved revision (read-only)

206d50d404e549848436e0b8f4c12de9

ICE7

0 stars0🌍 Public
MM Hema
Last edited Mar 27, 2024
Created on Mar 27, 2024

This example shows a reusable scatter plot that maps engine weight to horsepower for a small dataset of vehicles. The visualization uses D3.js v7 to render SVG circles and axes, with scales for the x and y dimensions. The code builds a configurable chart function that accepts setters for width, height, data, margins, and radius, demonstrating a modular pattern for reusable visualizations. The implementation relies on `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.extent` to handle the mapping and axis generation.

AI-generated description

A reusable scatter plot inspired by Towards Reusable Charts.

Shows the Iris Dataset.