Assignment2.2 - Line Graph

100%

Assignment2.2 - Line Graph

✓ Published1🌍 Public

Last edited Mar 14, 2026

Created on Mar 14, 2026

A multi-line chart displays telehealth device usage trends across patient age groups, comparing the frequency of desktop, tablet, and smartphone appointments. The code processes a CSV file, grouping patient ages by decade and counting device types. Three distinct SVG line paths, colored steelblue, green, and orange, represent each device category. The visualization uses d3.csv for data loading, d3.scaleLinear for x and y axes, d3.line for path generation, and d3.axisBottom and d3.axisLeft for the chart's axes.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart

This line chart displays the usage of mobile devices over a ten-year period, with the x-axis representing years and the y-axis showing usage values. The visualization uses D3 v5 to load CSV data and render an SVG chart, employing `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path, and `d3.axisBottom` and `d3.axisLeft` for labeled tick marks. The data is fetched from a GitHub gist, with a blue stroked line and styled text elements.

DDineshK2602

78% match

Loading thumbnail…

Assignment 2

This line chart displays iOS usage over time, plotting user counts against yearly dates. The visualization uses D3 v6 with an area path rendered in purple, employing scales from `d3.scaleTime` and `d3.scaleLinear` to map data points. Axes are generated using `d3.axisBottom` and `d3.axisLeft`, with tick formatting converting values to billions. Data comes from a CSV file, parsed with `d3.csv` and `d3.timeParse`, sourced from the Data Canvas Sense Your City initiative. The SVG-based chart includes labeled axes and a title, with styling defined in external CSS.

VVenkataSatyaRamKamini@my.unt.edu

77% match

Loading thumbnail…

Fork of line chart section 3

This chart displays the number of smartphone users from 2010 to 2021 as a single blue line, with red tick labels and green gridlines. It loads CSV data from a GitHub gist and uses d3.csv, d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft, and d3.line to render the SVG graphic. The data is parsed with d3.timeParse for the year and numeric conversion for user counts, with margins and axis labels formatted via CSS.

PPallaviManupati

76% match

Loading thumbnail…

Assignment2.2 - Box Plot

This visualization presents a box plot chart showing the distribution of patient ages across various medical specialties. It is rendered as an SVG graphic using D3.js v7, with interactive data grouping performed by the script. The box plots display quartiles (q1, median, q3) and whiskers (min, max) derived from the patient age data in the telehealth_appointments.csv file. The x-axis lists specialties, while the y-axis shows patient age, with median lines highlighted in white for clarity.

TTony Mai

76% match

Loading thumbnail…

Activity-6_Question-2.1

A stacked bar chart visualizes device usage proportions across five age groups, sourced from CSV data. It reveals how smartphone reliance decreases with age while tablet, laptop, and desktop usage generally increases. Built with D3 v7, the chart uses SVG rendering, a linear x-scale for percentages, a band y-scale for age categories, and an ordinal color scale. The stacked layers are created via `d3.stack()`, with tooltips showing exact percentages, and axes are formatted using `d3.axisBottom` and `d3.axisLeft`.

Hhoneyravuri.711@gmail.com

75% match

Loading thumbnail…

Assignment2.2 - Scatter Plot

This scatter plot shows the relationship between patient age and symptom severity for mental health telehealth appointments, with each circle representing an individual patient. The chart filters the source CSV data to include only records where the specialty is `mental_health`, then plots age on the x-axis and symptom severity on the y-axis using D3 v7’s `d3.scaleLinear` and `d3.axisBottom`/`d3.axisLeft` APIs. Points are rendered as green SVG circles with 60% opacity, and the visualization includes labeled axes for “Patient Age” and “Symptom Severity.”

TTony Mai

75% match

Loading thumbnail…

Assignment2.2 - Bar Chart

This bar chart displays the total number of telehealth appointments per medical specialty, with each bar’s height representing the case count. The visualization loads data from a CSV file using D3 v7, employs `d3.scaleBand` and `d3.scaleLinear` to position bars, and renders the SVG`rect` elements with value labels. Axes are generated via `d3.axisBottom` and `d3.axisLeft`, while the chart includes labeled axes for specialty and total cases.

TTony Mai

75% match

Loading thumbnail…

Activity6_Question2

This stacked bar chart shows the percentage of device usage (Mobile, Laptop, Tablet, TV) across five age groups, from 10-20 to 51+. The visualization uses D3 v7 with `d3.scaleOrdinal` for color encoding, `d3.scaleLinear` for the percentage x-axis, and `d3.scaleBand` for the age-group y-axis. Interactive tooltips appear on hover via the `mouseover`, `mousemove`, and `mouseout` events, displaying the exact percentage for each device segment. Data is loaded from a CSV file, and the chart is rendered as an SVG with a legend positioned to the right.

Mmohanalaharic@gmail.com

75% match