Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

2 dimensional Scatter Plot testing data labels and mouse hover

Public visualization

Viewing a saved revision (read-only)

b0c2924d1be04a5a8125a04954a38529

2 dimensional Scatter Plot testing data labels and mouse hover

0 stars1🌍 Public
FFhouston17
Last edited Jun 18, 2020
Created on Jun 15, 2020

This scatter plot displays aircraft price against manufacture year from a seven-row CSV dataset. Each aircraft type appears as a semi-transparent svg circle with a tooltip title showing its name; hovering triggers a d3 transition that enlarges the circle radius. The visualization uses d3.scaleLinear for both axes, d3.axisLeft and d3.axisBottom for ticks, and d3.csv for data loading, with margins and labels specified in the index.js file.

AI-generated description

This is a practice bar chart using data from different aircraft types and their powerplant configuration.

In data.csv line 1: change the names "item" and "quantity" to your new parameters. In index.js rename "item" and "qauntity" to your new names as above (see lines 19,20 and 79). In index.js file rename the chart title, x axis label, margins, ticker intervals as desired.