Skip to main content
SimilarExport ZIP
100%

Fork of Gender - Version 1.2-myViz

✓ Published0🌍 Public
LLearning Monk
Last edited Jun 27, 2021
Created on Jun 27, 2021

This interactive sunburst chart visualizes post-high-school pathways for male and female participants, with a dropdown menu to switch between the two datasets loaded from separate JSON files. Built with D3 v4, it uses the `d3.partition` layout and `d3.arc` to render hierarchical segments, while a breadcrumb trail and hover interactions (via `mouseover` and `mouseleave`) display each path’s percentage, raw count, and explanatory text. The visualization animates transitions when switching genders, with all segments fading and highlighting ancestors on hover.

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…

Fork of Gender - Version 1.2

This interactive sunburst chart visualizes post-high-school paths for males and females, showing the distribution of sequences through Military, School, Work, or NA categories. A dropdown menu switches between two JSON datasets, redrawing the chart with d3.partition and d3.arc. Hovering over a segment highlights its ancestors, updates a breadcrumb trail, and displays the percentage and raw count of participants. The visualization uses D3 v4, jQuery, and custom CSS for styling and layout.

SshanLU999
93% 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
92% match
Loading thumbnail…

Fork of Fork of Gender - Version 1.2

This sunburst chart visualizes the post-high-school pathways of male and female participants, showing the hierarchical flow from initial status through subsequent activities like military service, school, work, or unknown. A dropdown menu switches between the two separate JSON data files. Built with D3 v4, the visualization uses `d3.partition`, `d3.arc`, and `d3.hierarchy` to compute the ring layout, with interactive breadcrumb navigation and mouseover highlighting that displays percentages and raw counts for each path segment.

SshanLU999
92% 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
91% 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
90% match
Loading thumbnail…

Fork of Gender - Version 1.2

A sunburst chart visualizes the sequential career paths of male and female participants after high school, with each arc representing a transition between Military, School, Work, or NA categories. A dropdown menu switches between two JSON datasets, and hovering over a segment highlights its ancestor chain while displaying the percentage and raw count of participants following that exact path. The visualization uses d3.partition and d3.arc for the sunburst layout, with breadcrumb trails and mouseover transitions for interactive exploration.

NNarayana Reddy
90% match
Loading thumbnail…

Fork of Gender - Version 1.2

A sunburst chart visualizes the sequential career paths of male and female participants after high school, with each arc representing a transition between Military, School, Work, or NA categories. A dropdown menu switches between two JSON datasets, and hovering over a segment highlights its ancestor chain while displaying the percentage and raw count of participants following that exact path. The visualization uses d3.partition and d3.arc for the sunburst layout, with breadcrumb trails and mouseover transitions for interactive exploration.

NNarayana Reddy
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
90% match