Skip to main content
100%

2 dimensional Scatter Plot testing data labels and mouse hover

✓ Published1🌍 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.

MIT Licensed

Similar vizzes