Task1_Q2

100%

✓ Published0🌍 Public

Last edited Apr 22, 2024

Created on Apr 21, 2024

Forked from Task1_Q1

This area chart visualizes the screen time of the top three social media applications across each month of 2023, with minutes on the y-axis and month on the x-axis. Each colored layer represents a different app, identified by a legend on the right side. Built with D3 v7, it uses `d3.stack()` to create stacked series, `d3.area()` for the path generation, and `d3.scaleBand` and `d3.scaleLinear` for the axes. Data is loaded from a remote CSV file, and the SVG is rendered with a categorical color scale from `d3.schemeCategory10`.

AI-generated description

This area chart is plotted to understand the screen time of the top 3 social media applications I have used in 2023. The graph is having the screentime in minutes for each social media applications used acroos each month. Each color represents a social media applicationa dn the information can be understood by the lenegend on the right side.

MIT Licensed

Similar vizzes

Loading thumbnail…

Task9-Question2

This area chart visualizes smartphone sales across multiple months, with distinct colored regions representing different product lines or years. The visualization uses stacked areas to show the cumulative contribution of each category over time, making it easy to compare relative proportions. Built with D3.js v7, the chart loads CSV data from a GitHub repository and uses d3.stack, d3.area, and d3.scaleBand to construct the stacked layout. SVG rendering handles the paths, axes, and rotated month labels, while a custom HTML legend with colored circles identifies each series.

LLayaMyadam@my.unt.edu

81% match

Loading thumbnail…

Fork of Fork of question 3(Task 2)

This visualization shows the proportion of smartphone app usage across six age groups, with each horizontal bar segmented into five categories: Social Media, Games, Productivity, Streaming, and Others. A stacked bar chart uses a diverging color palette to distinguish app types, and a legend identifies each category. The chart is rendered as SVG using D3 v7, employing `d3.stack()` for data transformation, `d3.scaleBand()` for the categorical y-axis, and `d3.scaleLinear()` for the percentage x-axis. Data is loaded from a local CSV file (`phones.csv`).

MMahimaChowdaryKasthala@my.unt.edu

79% match

Loading thumbnail…

Fork of Activity6_task 2- Q1

This example shows smartphone usage percentages across five age groups as a horizontal stacked bar chart, with four activity categories (Social Media, Gaming, Productivity, Communication) distinguished by color. The visualization uses d3.stack() to compute layered series from CSV data, then binds rectangles to each layer using data joins. A d3.scaleBand positions age groups on the y-axis, while a d3.scaleLinear maps percentages to x-axis positions. The chart includes axes with percentage tick formatting and a custom SVG legend built from the same ordinal color scale, rendered entirely as SVG elements.

PPreethamreddyannavaram@my.unt.edu

78% match

Loading thumbnail…

Activity6_Task2_Q2

This example uses a stacked horizontal bar chart to display the distribution of app ratings across categories like Social Media and Gaming, with each bar segment representing a rating range's percentage. Built with D3 v7, the visualization relies on `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.axisBottom` to compute and render segments from the CSV data. Tooltips, implemented via D3 selection and mouse events, display exact percentages on hover. The SVG output uses a custom color scale for the five rating categories.

KKondreddy Saikiran reddy

75% match

Loading thumbnail…

Activity7:Question:2

This area chart displays total app usage hours across six age groups, from users under 20 to those 50 and older. The visualization aggregates individual user data by binning ages and summing their reported usage hours. Built with D3 v7, the chart uses d3.group to categorize the dataset, d3.scaleBand and d3.scaleLinear for positioning, and d3.area to generate the filled path rendered as SVG. The visualization includes labeled axes for age groups and usage hours, with a title and light gray background.

Ssaivaishnogaruda@gmail.com

75% match

Loading thumbnail…

task 9 question 2

This area chart visualizes monthly values across seven months, with data loaded from a GitHub Gist. The chart uses D3 v7’s `d3.area()` generator to create a yellow filled path beneath the line, while `d3.scaleBand()` and `d3.scaleLinear()` define the x-and y-axes. Axes are rendered with `d3.axisBottom()` and `d3.axisLeft()`, and labels for “Month” and “Value” are added as SVG text elements. The visualization is drawn entirely in SVG within a 600x400 viewport.

Ppasumarthiraghuram21@gmail.com

75% match

Loading thumbnail…

Task9_Question2

This area chart visualizes carbon emissions production across multiple countries over time, using stacked colored regions to compare annual values. The code loads data from a CSV file via `d3.csv` and renders SVG paths using the `d3.area` generator, with `d3.scaleBand` for the x-axis and `d3.scaleLinear` for the y-axis. It includes custom axis labels, rotated tick text, and an interactive legend built with SVG rectangles. Colors are assigned sequentially using HSL values, and axes are generated with `d3.axisBottom` and `d3.axisLeft`.

KKeerthi

74% match

Loading thumbnail…

Activity_quetion2

This visualization is a stacked horizontal bar chart that shows the average daily time, in minutes, that different age groups (Kids, Teens, Adults, Middle-aged, Seniors) spend on five activities: Screen Time, Physical Activity, Reading, Socializing, and Household Chores. The bars are segmented by activity and colored according to a categorical scale, with a tooltip revealing the exact minutes for each activity on hover. The chart is built with D3.js v7, using its `stack()` API to create the stacked segments and `scaleBand()` for the categorical y-axis. It renders to an SVG canvas and parses data from a local CSV file. The legend, axis labels, and styling are defined in an external CSS file.

Vvenkatdinesh5010@gmail.com

74% match