Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a scatter plot

Public visualization

Making a scatter plot

0 stars0🌍 Public
HHalvorte
Last edited Sep 19, 2023
Created on Sep 19, 2023

This example demonstrates how to create a scatter plot using D3.js version 5, loaded via UNPKG, and rendered as an SVG. It imports functions like `csv`, `scaleLinear`, `scaleBand`, and `max` from the D3 library to process and visualize the `data.csv` file containing country populations. The code uses `svg.append` to dynamically add rectangles to the chart, with axes scaled using `scaleLinear` and `scaleBand`. It also includes a local ES6 module, `myMessage.js`, which displays a simple greeting message.

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.

Comments

Sign in to join the discussion.

MIT Licensed