Symptoms at One Year

100%

Symptoms at One Year

✓ Published0🌍 Public

Last edited May 16, 2018

Created on May 16, 2018

This bar chart shows the percentage distribution of five symptoms reported at the one-year mark, with knee pain at 90% and shoulder pain at 50%. The static visualization uses SVG rectangles scaled proportionally to each percentage value. The code leverages D3.js (`d3.select`, `d3.scaleLinear`) to map the data from `data.csv` to pixel heights, with axes and labels rendered via SVG text elements. The source data is a small CSV file containing two columns: symptom type and its corresponding percentage.

AI-generated description

Similar vizzes

Loading thumbnail…

Untitled

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.

Rrmorganti

60% match

Loading thumbnail…

Bar Chart

This bar chart displays compliance rates for the years 2010 through 2014, with the most recent year highlighted in brown. The visualization uses D3.js to load and parse frequency data, with ordinal and linear scales mapping years and compliance values to positions. Axes are rendered using d3.svg.axis, while d3.max computes the y-domain. The SVG output employs conventional margins and interactive hover styling, though the displayed data originates from a small inline array rather than the referenced TSV file.

LLyndoman

60% match

Loading thumbnail…

Data Visualization - ICE-6 - Bar Chart

This visualization displays a horizontal bar chart comparing types of chest pain against age counts from a heart attack dataset. The chart uses React to manage state and render SVG elements, while d3-scale functions (scaleBand and scaleLinear) map categorical pain types to y-axis bands and age values to x-axis positions. The data is loaded via d3.csv from a GitHub gist, filtered to the first 12 records, and mapped with a switch statement to rename chest pain codes into descriptive labels. The visualization highlights the distribution of different chest pain types across age groups.

Rrajasrilekkala

59% match

Loading thumbnail…

Chest pain type vs count Bar Chart

This grouped bar chart visualizes the count of patients by chest pain type and sex, distinguishing between males (steelblue) and females (pink) with a legend. It uses D3.js APIs including `scaleBand`, `scaleLinear`, `axisLeft`, and `axisBottom` to render the axes, and interactive tooltips on mouseover. The data comes from the heart-failure-prediction Kaggle dataset, while custom axis labels and an inner rectangle background enhance readability. The visualization is rendered as an animated SVG.

SSree Likhith

57% match

Loading thumbnail…

Heart disease data

This bar chart displays the average OldPeak level for males and females, using a purple horizontal bar for each gender. The data comes from a CSV file containing heart disease patient records. The visualization uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` to build the SVG chart. Custom axis labels and a title are added, with the y-axis showing gender categories and the x-axis representing the OldPeak measurement.

AAishwarya Manjunath

57% match

Loading thumbnail…

Injury Healing Times: A visualization with D3.js

This example visualizes the variability and average recovery times for different injury types, such as muscle strains, ligament sprains, and bone injuries, using a scatterplot where each circle represents an injury category. The x-axis shows the range of recovery variability (in days) and the y-axis displays the average days to recovery, with tooltips revealing the specific low and high estimates. Built with D3.js (v3), the visualization uses `d3.scale.linear` for the axes, `d3.svg.axis` for ticks and labels, and SVG circles with mouseover and mouseout transitions that enlarge the points. The data, loaded from a CSV file via `d3.csv`, originates from an infographic by Caleb Burgess, and the animation highlights interactive hovering.

CCodyWeisbach

57% match

Loading thumbnail…

Simple d3.js bar chart

This simple d3.js bar chart displays monthly values over a two-year period, with each bar representing a data point from a CSV file. The visualization uses d3.scale.ordinal and d3.scale.linear to map categorical dates and quantitative values, respectively, to pixel positions. Axes are rendered with d3.svg.axis, while the bars themselves are drawn as SVG rectangles with a steelblue fill. The chart includes a navigation interface with circular arrow buttons and a detail area, though the interaction logic is incomplete. Data comes from the external file bar-data.csv, and the visualization is built using the D3 version 3.5.17 library.

PPatrick Wojda

57% match

Loading thumbnail…

Bar Chart

This bar chart visualizes a small dataset relating Amount values to their corresponding Percentage labels. The chart is rendered using D3.js version 7, with the visualization built through the library’s `select` and `csv` functions. The example includes a commented-out line that would load data from a CSV file, though the active code currently just logs a message and writes text to the document, leaving the SVG canvas empty. The HTML page is styled with centered, large text, suggesting a title or label display.

TTusar

57% match