Skip to main content
100%

"InvoiceDate" and "Price" line chart visualization

✓ Published1🌍 Public
JJames Cruz
Last edited Apr 23, 2024
Created on Apr 23, 2024
Forked from HTML Starter

This example shows a scatter plot of quantity against price, with each data point labeled by its coordinates. The SVG visualization uses D3.js v7 to create axes, axis labels, and steelblue circles plotted via `d3.scaleLinear` scales. The code explicitly draws the x- and y-axes as separate line elements, positions circles using `attr('cx', ...)` and `attr('cy', ...)`, and adds text labels using `enter().append('text')`. All data is hardcoded in a JavaScript array.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes