Export Image
Export Code

Activity7:Question:2

Saivaishno18

Last edited Nov 03, 2024
Created on Nov 03, 2024

Mobile Usage Behavioral Analysis - Area Chart Visualization with D3.js

This project visualizes mobile usage data over time using an area chart, rendered with D3.js.

Dataset Description

The dataset chosen is Mobile Usage Behavioral Analysis, containing the following attributes:

  • Date (string): Represents the date in "YYYY-MM-DD" format.
  • Usage_Hours (numerical): Represents the number of hours spent on mobile devices each day.

The data types:

  • Date is parsed as a JavaScript Date object.
  • Usage_Hours is parsed as a float for accurate plotting.

Dataset Link

The dataset is fetched from the following URL: Mobile Usage Behavioral Analysis CSV

Visualization Analysis

The area chart shows mobile usage over time, with the X-axis representing dates and the Y-axis representing daily usage hours. Peaks in the chart indicate days with higher mobile usage, providing insights into user behavior patterns. This visualization helps identify trends and fluctuations in daily mobile usage.

Usage Instructions

  1. Clone or open this project in VizHub.
  2. Ensure an active internet connection to load D3.js and the CSV data.
  3. Run the visualization to see the area chart rendered with D3.js.

Project Files

  • index.html: HTML structure for the visualization.
  • style.css: Basic styling for the chart.
  • index.js: Fetches and parses the CSV data, then calls the chart function.
  • areachart.js: Contains the D3.js area chart creation code.

Submit screenshots of the final generated visualization, and [provide the VizHub link here].

MIT Licensed