Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Create a face with d3.js!

Public visualization

Viewing a saved revision (read-only)

55540ed9683a475fa5ca90a329abce50

Fork of Fork of Create a face with d3.js!

0 stars0🌍 Public
Ppraveennayak1702@gmail.com
Last edited Mar 28, 2024
Created on Mar 28, 2024

This example visualizes team performance with a reusable scatter plot, showing wins per year as individual circles. The D3.js v7 code loads CSV data from a GitHub gist using `d3.csv` with `d3.autoType` for type inference, then renders an SVG chart. Axes are generated with `d3.axisBottom` and `d3.axisLeft` on a 800x500 pixel canvas, with circles positioned via `d3.scaleLinear` scales for the x (Year) and y (Wins) values. The plot uses steelblue circles with 70% opacity, styled with a clean sans-serif layout.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.