Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Top 10 Mobile Apps Visualization

Public visualization

Top 10 Mobile Apps Visualization

0 stars0🌍 Public
Kkonudulamanisha@gmail.com
Last edited Oct 5, 2025
Created on Oct 5, 2025

This bar chart displays the average daily usage in minutes for ten mobile apps, with each bar’s height corresponding to the usage value. Built with React and D3.js (v7), it renders as an SVG using `scaleBand` and `scaleLinear` for the axes, with `axisBottom` and `axisLeft` generating tick marks and gridlines. The chart loads its dataset from an embedded array in the HTML, while the React app uses a `ResizeObserver` to adapt the visualization’s dimensions. Interactive hover effects change bar color, and clicking a bar toggles its selection state, adjusting opacity and fill via D3’s join operation.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed