Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Sunburst

Public visualization

Viewing a saved revision (read-only)

5a3c2735bcc64846987697d0561abb07

Fork of Sunburst

0 stars0🌍 Public
Aape-ape-ape
Last edited Apr 12, 2021
Created on Apr 12, 2021
Forked from Sunburst

This visualization displays the keyboard shortcuts of VLC media player as an interactive sunburst diagram. The hierarchical data from flare.json is partitioned into radial rings, with each arc segment representing a shortcut category, action, and specific key combination. The code uses D3 v5’s `d3.partition`, `d3.hierarchy`, and `d3.arc` to compute the layout, while a rainbow color scale distinguishes top-level groups. Text labels are rotated and placed only on sufficiently large segments, and hovering reveals the full path via SVG titles. The SVG output is rendered through React.

AI-generated description

React Starter code.