Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Bar Chart Recreation

Public visualization

Viewing a saved revision (read-only)

fa730e8f7d8b475baa88661911d0c575

Bar Chart Recreation

0 stars0🌍 Public
OOxfordComma
Last edited Sep 10, 2018
Created on Sep 9, 2018
Forked from HTML Cars Report

This example shows a simple bar chart with three salmon-colored bars of varying heights, positioned against black horizontal and vertical axes. The bars are drawn as SVG rectangles, with their coordinates calculated manually using the `d3.range` method and positioned relative to fixed margins and line lengths. The code uses D3 v5's `select` and `data` joins to append the rectangles and lines onto an SVG canvas, with the axes rendered as stroked line elements. Data values are hardcoded in an array, and the chart layout is computed from the SVG dimensions.

AI-generated description

A recreation of a bar chart for Homework 3.

<iframe width="560" height="315" src="" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>