Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Scatter Plot using D3.JS

Public visualization

Viewing a saved revision (read-only)

c6940cf3b49742cba14dc0e3d2dd6704

Scatter Plot using D3.JS

1 star0🌍 Public
Kkottenikhil
Last edited Apr 6, 2023
Created on Apr 6, 2023

This example visualizes a 3D scatter plot of city-level economic indices, comparing cost of living, rent, local purchasing power, groceries, and restaurant prices across different cities. Two distinct traces plot each city as a marker, with hover text identifying the city name. The code uses the Plotly JavaScript API, specifically `Plotly.newPlot`, to render the chart, while D3.js (version 3.5.17) is used to load CSV data from a GitHub gist via `d3.csv`. The visualization demonstrates integrating D3 for data fetching with Plotly for 3D rendering.

AI-generated description

A demonstration of how to start using D3 version 6.