Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Marks and Channels_NH_2

Public visualization

Viewing a saved revision (read-only)

c6765aa72acc4acb965bf84039028377

Marks and Channels_NH_2

0 stars0🌍 Public
NNavak94
Last edited Feb 7, 2023
Created on Feb 7, 2023

This example visualizes daily solar energy production data from a Bloomington Parks & Recreation site by encoding wattage values through bar length. The visualization arranges seven rectangles along an x-axis, where each bar’s height corresponds to the wattage measurement for a given day. The implementation uses D3 v7 with a band scale for positioning the bars and renders them as SVG rectangles. Color is applied via the `schemeCategory10` palette, and the code structure separates the bar-drawing logic into a reusable `length` function that receives the dataset and height parameters.

AI-generated description