Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Clickable Circles with D3 and React

Public visualization

Clickable Circles with D3 and React

0 stars0🌍 Public
BBismark Kofi Owusu Sarfo
Last edited Sep 10, 2025
Created on Sep 10, 2025

This interactive scatterplot visualizes a synthetic car sales dataset, plotting the price and mileage of various BMW models against a categorical x-axis of model names. Each circle's size encodes the sales volume, while its color represents the fuel type, creating a clear overview of market performance. Built with React and D3.js, the visualization uses a `vg` selection with `scalePoint`, `scaleLinear`, and `axisBottom`/`axisLeft` APIs to render the axis and circles.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed