Skip to main content
SimilarExport ZIP
100%

Gender - Version 1.2

✓ Published0🌍 Public
KKeerthiKandadai
Last edited Mar 30, 2020
Created on Mar 30, 2020

This interactive sunburst chart visualizes the gender distribution of participants across university modules, rendering hierarchical data as an animated radial diagram. Users toggle between male and female datasets via a dropdown menu, with data loaded from separate JSON files. The visualization highlights selected branches on mouseover, displaying the percentage, raw count, and path breadcrumb in the center. Built with D3 v4’s `d3.partition` and `d3.arc`, it uses color-coded segments to represent academic departments.

AI-generated description

Last updated 8/6/2019. <br> Major changes:

<li>All changes from 1.1</li> <li>Dropdown menu</li> <li>Read in separate json files</li> <br> Left to do: <li>Transitions maybe?</li> <li>Titles</li>
MIT Licensed

Similar vizzes

Loading thumbnail…

Gender - Version 1.2

This interactive sunburst chart displays the post-high-school paths of male and female participants, showing transitions between military, school, work, and unknown statuses across three levels. A dropdown menu switches between male and female datasets, each loaded from separate JSON files. Built with D3 v4, the visualization uses `d3.partition` and `d3.arc` for the radial layout, and mouseover events highlight the selected path while fading others, updating the breadcrumb trail and displaying the percentage and raw count.

KKeerthiKandadai
90% match
Loading thumbnail…

Gender - Version 1.2

This interactive sunburst chart visualizes the post-high-school pathways of male and female participants, using a dropdown menu to switch between the two datasets. The visualization uses D3.js v4 and jQuery to read the separate JSON files and render the hierarchical data as an animated, zoomable sunburst. Hovering over a segment highlights its ancestor path in a breadcrumb trail and displays the percentage and raw count of participants who followed that exact sequence. The chart employs `d3.partition` and `d3.arc` to compute the layout and draw the arcs.

Mmadroscla
90% match
Loading thumbnail…

Gender - Version 1.2

An interactive sunburst chart displays the post-high-school paths of male and female participants, showing transitions among Military, School, Work, and NA categories. A dropdown menu switches between separate male and female JSON data files, while hovering over any segment highlights its ancestor chain and displays the exact percentage and raw counts in a central explanation panel. The visualization uses D3 v4’s `d3.partition`, `d3.hierarchy`, and `d3.arc` to compute layout and rendering, with breadcrumb trails and opacity fading for emphasis.

KKeerthiKandadai
89% match
Loading thumbnail…

Gender - Version 1.2

This interactive sunburst chart visualizes the post-high school paths of male and female participants, showing the distribution of their choices across Military, School, and Work categories. The visualization reads separate JSON data files for each gender and includes a dropdown menu to switch between them. Hovering over a segment displays the percentage and raw count of participants who followed that exact path, while the breadcrumb trail above updates to show the current sequence. Built with D3 v4, it uses `d3.hierarchy`, `d3.partition`, and `d3.arc` to construct and render the radial layout with animated updates.

Ttareefroustom
88% match
Loading thumbnail…

Gender - Version 1.2

This interactive sunburst chart visualizes the post-high-school paths of male and female participants, showing transitions among military, school, work, and unknown statuses. A dropdown menu switches between separate JSON files for each gender. The visualization uses D3.js v4 with a hierarchical partition layout and arc generator to create the sunburst, while breadcrumb trails and hover effects reveal exact percentages and raw counts for each sequence.

WW9183907
88% match
Loading thumbnail…

Gender - Version 1.2

This interactive sunburst chart visualizes post-high-school paths for male and female participants, using a dropdown menu to switch between the two datasets loaded from separate JSON files. Hovering over a segment highlights its ancestor path and displays the percentage and raw count of participants following that exact route in the center. Built with D3 v4, the visualization uses `d3.partition` and `d3.arc` to compute and render the sunburst layout, with breadcrumbs and a color-coded legend for Military, School, Work, and NA categories.

CCharles Chung
88% match
Loading thumbnail…

Gender - Version 1.1

This interactive sunburst chart visualizes the post-high-school trajectories of individuals, broken down by gender, with each arc segment representing a transition between Military, School, Work, or NA statuses. Hovering over a segment highlights its ancestor path and displays the exact percentage and raw count of participants following that sequence. Built with D3 v4, the visualization uses a hierarchical partition layout with arc rendering to create the sunburst, breadcrumb navigation for path tracking, and mouseover events to update the explanation panel dynamically. The code loads JSON data files for male and female datasets separately.

Mmadroscla
87% match
Loading thumbnail…

Gender - Version 1.0

This animated sunburst chart, rendered with D3 v4, visualizes the post-high-school paths of males and females, displaying the proportions of individuals who transition through sequences of Military, School, and Work. It uses hierarchical JSON data for each gender, mapping each category to a distinct color. The visualization features a breadcrumb trail that updates on mouseover, showing the percentage of participants who chose a specific path, while fading all unrelated segments. The code explicitly builds the chart using `d3.hierarchy`, `d3.partition`, and `d3.arc` APIs within the D3 framework.

Mmadroscla
87% match