Skip to main content
SimilarExport ZIP
100%

Activity7_Qustn 2

✓ Published0🌍 Public
PPreethamreddyannavaram@my.unt.edu
Last edited Apr 6, 2025
Created on Apr 6, 2025
Forked from Hello VizHub

This visualization displays average daily screen time across different age groups using an area chart. The chart encodes age groups along the x-axis with `d3.scalePoint` and average screen time hours on the y-axis with `d3.scaleLinear`. Data is loaded from a remote CSV file via `d3.csv`, and the area shape is generated with `d3.area` and rendered as an SVG path. Axes are created using `d3.axisBottom` and `d3.axisLeft`, with custom labels for both dimensions. The chart uses a green fill with a darker stroke and includes a title and border around the SVG canvas.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Question2

This area chart shows average daily screen time in hours across different age groups, based on a CSV file loaded from a GitHub gist. The code uses D3 v7 to build the visualization, parsing the data with `d3.csv` and rendering the area path with `d3.area`. A point scale maps age categories horizontally, while a linear scale handles the vertical time axis, with axes generated using `d3.axisBottom` and `d3.axisLeft`. The SVG output includes labeled axes and a filled purple area with a dark stroke.

Eenochabraham97@gmail.com
91% 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
85% 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
82% match
Loading thumbnail…

Activity-7.1-Q-2

This area chart visualizes data loaded from a remote text file, plotting date values over time using a blue filled area. The chart uses D3.js v7 with an SVG rendering, employing `d3.scaleBand` for the x-axis, `d3.scaleLinear` for the y-axis, and `d3.area` to generate the area path. Data is parsed with `d3.csvParse` after downloading via `d3.text`, with dates converted using `d3.timeParse` and value strings cast to numbers. Axes are created with `d3.axisBottom` and `d3.axisLeft`, and the chart includes labels for both axes.

Kkrishna444battula@gmail.com
81% match
Loading thumbnail…

Fork of Activity7:Question:2

This area chart shows total app usage hours aggregated across five age groups, from under 20 to 50+, using a synthetic dataset of 49 users with age and usage values. The visualization groups the data with `d3.group`, sums usage per group with `d3.sum`, and renders the result as a filled path using the `d3.area` generator. The SVG employs `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and both axes via `d3.axisBottom` and `d3.axisLeft`, with labels for age groups and usage hours.

Ssaivaishnogaruda@gmail.com
80% match
Loading thumbnail…

Activity7_Q2

This area chart displays average temperature recordings over time, with a smooth curve drawn through the data points and a filled region beneath. The visualization uses D3 v5’s `area` and `line` generators with `curveBasis` interpolation, mapping years to a `scaleTime` x-axis and temperatures to a `scaleLinear` y-axis, both with gridlines. The code loads CSV data, parses dates with `d3.timeParse`, and renders axes using `axisBottom` and `axisLeft`. Data comes from a GitHub gist, and the SVG output includes styled gridlines and axis labels.

SSahithi.R
80% match
Loading thumbnail…

Activity7.1_Qustn 1

This pie chart visualizes average hours spent per week on various social media platforms, sourced from a CSV file loaded with `d3.csv`. It uses `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to generate the SVG slices and a color scale. Labels and connector polylines are positioned via `arc.centroid` and `outerArc.centroid`. Clicking a slice updates an HTML div with platform-specific details, while a legend lists all platforms.

PPreethamreddyannavaram@my.unt.edu
80% match
Loading thumbnail…

Activity7_Q2

This example displays an area chart comparing tree species by average height and lifespan, with two overlapping translucent regions representing each metric. It loads data from a CSV file hosted on GitHub Gist and renders the visualization as an SVG. The code uses D3 v7 APIs including `csv`, `scaleBand`, `scaleLinear`, `area`, `axisBottom`, and `axisLeft` to construct the chart. The `area` generator creates the filled paths, with categorical color coding—blue for height and orange for lifespan—and the chart adapts to the viewport size.

VVarshith Peddineni
79% match