Skip to main content
SimilarExport ZIP
100%

Q1 graphs

✓ Published1🌍 Public
EEvan Misshula
Last edited Jan 15, 2020
Created on Jan 15, 2020

This interactive visualization displays survey results from incarcerated individuals, showing the percentage of "yes" responses for various questions across five service and procedure categories. Users select a category from a dropdown menu to filter the horizontal bar chart, which orders questions by their yes-percentage values. The visualization uses D3 v5 with SVG rendering, leveraging `scaleLinear` and `scaleBand` for the bar dimensions, `axisLeft` and `axisBottom` for the axes, and a custom dropdown menu component. Data comes from the aggregated CSV file containing survey counts and percentages.

AI-generated description

still trying

MIT Licensed

Similar vizzes

Loading thumbnail…

Q1 graphs

This interactive bar chart visualizes survey responses from incarcerated individuals, showing the percentage of "yes" answers for questions across five categories: Services, Procedure, Economics, Health and Well Being, and Interpersonal. Users select a category from a dropdown menu to filter and display the corresponding questions. Built with D3 v5, the visualization uses `scaleLinear` and `scaleBand` for positioning, along with `axisLeft` and `axisBottom` for axes. It loads data from a CSV file and renders in an SVG, dynamically updating the bars and axes in response to menu selections.

CCurran Kelleher
97% match
Loading thumbnail…

Q1 graphs

This interactive bar chart visualizes survey responses from incarcerated individuals, broken down by category (Services, Procedure, Economics, Health and Well Being). A dropdown menu lets users switch between these categories, updating the displayed questions and their corresponding "Yes" percentages. The chart uses a horizontal bar layout where each bar represents a survey question, with length proportional to the affirmative response rate. Built with D3 v5, it leverages `csv` for data loading, `scaleBand` and `scaleLinear` for positioning, and `axisLeft`/`axisBottom` for axes, rendering as SVG.

EEvan Misshula
96% match
Loading thumbnail…

Untitled

This visualization shows survey responses across six professional categories, with bars colored by five response levels ranging from "Not at all" to "Tremendously." Each category displays a cluster of bars for the different response rates. The chart uses d3.scale.ordinal for the x-axis, d3.scale.linear for the y-axis, and d3.svg.axis for the axes. Rectangles are animated into place using transition with random delays, and hover effects darken bar colors. A legend appears sequentially, and the y-axis fades in after the bars animate. The data comes from data.json.

EEagleV22
72% match
Loading thumbnail…

Diverging Stacked Bar Chart with D3.js

This visualization displays survey responses as a diverging stacked bar chart, with each row representing a question and colored segments showing the percentage of respondents who strongly disagree, disagree, are neutral, agree, or strongly agree. The chart uses D3.js v3 to load CSV data, compute percentage distributions, and render SVG rects and text labels via ordinal and linear scales. Alternating row backgrounds and a centered zero line aid readability, while a legend identifies the five response categories.

Jjhcliu19
71% match
Loading thumbnail…

Exploring survey data interactively - d3V6

An interactive bar chart displays survey data grouped by study preferences, letting users select from a dropdown menu to change the y-axis variable. The visualization updates scales, axes, and bar heights dynamically as users explore metrics like average height, stress, or sibling counts. Using d3.rollup to aggregate data and the general update pattern with enter and exit selections, the chart re-renders smoothly. The SVG-based visualization loads JSON survey data and generates dropdown options automatically from dataset fields.

LLaurens
69% match
Loading thumbnail…

Fork of Menu: Social Media MQP

This visualization displays survey responses across social media platforms as a diverging stacked bar chart, with each bar segmented by six Likert-scale agreement or frequency categories. The bars are sorted by the proportion of positive responses, and a legend identifies the color-coded scale items. Built with D3 v7, the example uses `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and the `schemePuOr` color scheme. Data is loaded from a CSV file via `csvParse`, aggregated with `d3.rollup`, and rendered with SVG rect elements. A dual-mode filter restricts the comparison to two selected platforms.

DDonald Bagwell
69% match
Loading thumbnail…

Interactive Bar Chat

This interactive bar chart displays survey percentages for ten programming languages, each bar labeled with its corresponding value. Built with D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map categorical data to the SVG coordinate system, with `axisBottom` and `axisLeft` providing labeled axes. Data is parsed from an embedded JSON structure, and grid lines are generated using `axisLeft` with custom tick sizing. The chart is rendered as an SVG within a fixed-width container, with colors and styling applied through CSS classes.

Hhireign
69% match
Loading thumbnail…

Interactive Bar Chat

This interactive bar chart displays survey percentages for ten programming languages, each bar labeled with its corresponding value. Built with D3 v5, the visualization uses `scaleBand` and `scaleLinear` to map categorical data to the SVG coordinate system, with `axisBottom` and `axisLeft` providing labeled axes. Data is parsed from an embedded JSON structure, and grid lines are generated using `axisLeft` with custom tick sizing. The chart is rendered as an SVG within a fixed-width container, with colors and styling applied through CSS classes.

Hhireign
69% match