Untitled

100%

✓ Published0🌍 Public

Last edited Jan 22, 2020

Created on Jan 22, 2020

A stacked area chart shows the persistence of four symptom types—anxiety, neurology, headaches, and sleep issues—across four quarterly time points in the year following war-related traumatic brain injuries for five patients. The chart reveals that anxiety remains reported in the fourth quarter while other symptoms decline or vanish. Built with D3 v3 in an SVG using `d3.layout.stack`, `d3.svg.area`, and custom color assignment via `get_colors()`, it reads data from `localData.csv` and includes axis labels and a legend.

AI-generated description

A bare minimum HTML page.

Similar vizzes

Loading thumbnail…

Untitled

This example displays a stacked area chart of monthly casualties in the Crimean War, broken down by cause (wounds, other, and disease) using the d3.layout.stack() API and SVG rectangles. The chart uses a category10 color scale and ordinal x-axis with a custom time format. Data is loaded from a TSV file and parsed via d3.time.format, while the axes are generated using d3.svg.axis(). The visualization highlights the dramatic spike in disease-related deaths during the winter of 1854–55.

OOsekovS

73% match

Loading thumbnail…

Untitled

A stacked bar chart displays monthly mortality counts from the Crimean War, broken down by cause—disease, wounds, and other—using a dataset from a TSV file. The chart uses an ordinal x-axis with rounded bands and a linear y-axis, with layers computed via `d3.layout.stack`. SVG rectangles represent each cause per month, colored by a category scale. Formatting relies on `d3.time.format` for date parsing and axis tick labels, with axes generated through `d3.svg.axis`.

KKrishu

72% match

Loading thumbnail…

Bubble/Bar Combo viz

This interactive visualization compares traumatic brain injury (TBI) clinic data across four quarters using a combination of a bubble chart and bar chart. Users click buttons labeled Quarter 1–4 to switch between time periods, triggering an animated update of both the bubble sizes representing visit types (e.g., Anxiety, Neurology) and the bars showing total TBI visits and symptoms. Built with D3 v4, the example uses `d3.pack` for bubble layout, `d3.hierarchy` for data nesting, and SVG rendering with button-driven transitions. The data originates from a health dataset on TBI patient visits.

Rrmorganti

71% match

Loading thumbnail…

Untitled

This chart visualizes the popularity of research topics over time using a stacked area chart with a silhouette offset. The visualization uses d3.layout.stack, d3.svg.area, and d3.time.scale to render SVG paths with cardinal interpolation, while d3.svg.axis displays the x and y axes. Interactive features include tooltips on mouseover that show topic values, hover highlighting that dims other layers, and a vertical guide line that follows the cursor. Data comes from a comma-separated CSV file loaded with d3.csv.

LLAOKE1997

71% match

Loading thumbnail…

Untitled

A stacked bar chart visualizes reported head injuries across five sports, comparing Highschool and College levels from CTE_data.csv. Users click legend items to isolate a single category’s bars, sort them via a checkbox, and hover to reveal tooltips. Built with D3 v3, the SVG uses ordinal scales for sport categories, linear scales for counts, and an animated legend-driven class selector to redraw rects on demand.

KKofi Adu-Gyan

71% match

Loading thumbnail…

project-momentum–start-polishing

This 100% stacked bar chart explores how stress levels relate to sleep disorders, allowing viewers to filter by gender and toggle categories through an interactive legend. Built with D3 v7 and React, it bins stress scores into low, medium, and high groups, displaying the proportion of people with no disorder, insomnia, or sleep apnea. Hovering reveals exact percentages and counts, while the chart uses a sequential color palette with SVG animation for smooth transitions, sourced from the Sleep Health & Lifestyle dataset.

Ccsabavath@wpi.edu

70% match

Loading thumbnail…

Untitled

This interactive stacked area chart displays the changing values of multiple categories over time, using the D3.js library (version 2) with SVG rendering and animations. The chart employs a silhouette offset layout to visualize data from a CSV file, with color-coded layers representing different groups. Hovering over a layer highlights it and shows a tooltip with the category name and its specific value, while mouse movement on the chart also triggers a vertical guideline.

LLAOKE1997

70% match

Loading thumbnail…

textured area chart

This example visualizes the change in three named groups—Helen, Amanda, and Ashley—over time using a stacked area chart. Instead of solid colors, each group is filled with a distinct SVG pattern texture: hexagons, waves, and squares. The chart is built with D3.js v4 and the `textures` library, which generates the pattern URLs assigned via a color scale. Data is loaded from a CSV, stacked using `d3.stack`, and rendered as SVG paths with `d3.area`. The React framework is noted in the project metadata, though the visible code uses plain JavaScript embedded in HTML.

Zzoniyac

69% match