Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Racecard Bar Graph with D3.js

Public visualization

Racecard Bar Graph with D3.js

0 stars1🌍 Public
Ssandugabriel2019
Last edited Mar 6, 2022
Created on Mar 6, 2022

This example shows a horizontal bar chart of horse-race betting odds for eight horses, with each bar’s length representing the fractional odds and the y-axis labeling the horse names. The visualization uses D3.js v7 and renders as an SVG, with scales created via `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis. The code loads data from a CSV file using `d3.csv`, applies axes with `d3.axisLeft` and `d3.axisBottom`, and appends rectangles for the bars.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed