Skip to main content
Log in
J

jshujaa2

@jshujaa2·3 public vizzes

Loading thumbnail…

Untitled

A bar chart displays the yearly stock price of XYZ Foods, with dollar values on the y-axis and years on the x-axis. The visualization uses d3.csv to load external data and d3.scaleBand with d3.scaleLinear to map the values. SVG rectangles styled with a “bar” class render the bars, while d3.axisBottom and d3.axisLeft generate the labeled axes.

May 5, 2021
Loading thumbnail…

Untitled

This chart displays the annual stock price of XYZ Foods as a bar chart. The visualization uses D3 v4 to load data from a CSV file and render an SVG with axes and rectangles. The y-axis is formatted with dollar signs, and both axes include descriptive labels. The chart applies a linear scale for prices and a band scale for years, with the bars styled in steel blue.

May 5, 2021
Loading thumbnail…

Untitled

A bar chart displays XYZ Foods stock prices over multiple years, with steel-blue bars representing annual values. The visualization includes labeled axes: a rotated "Stock Price" y-axis formatted with dollar signs and a "Year" x-axis. Built with React and D3 v4, the code uses `d3.scaleBand`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft` to render SVG elements, loading data from an external CSV file via `d3.csv`.

May 5, 2021