Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Interactive Barchart

Public visualization

Viewing a saved revision (read-only)

5d19ee133cbe419caf21ef81c0338e31

Interactive Barchart

0 stars0🌍 Public
CChenYb9807
Last edited Dec 12, 2021
Created on Dec 11, 2021

This interactive bar chart displays the volume of user behavior activity across 24 hours for a selected date. A dropdown menu allows the user to choose from unique dates in the dataset, triggering a smooth transition animation as bars grow to their new heights. The chart is rendered as SVG using D3 version 7, with bars that respond to mouse hover by dimming others and showing a tooltip with the hour and activity count. The code leverages D3's `transition` API, `join` for updating marks, and custom `menu` and `interactiveBar` modules, pulling data from a CSV file hosted on GitHub.

AI-generated description