{"repo":"cmudig/data-navigator","free":true,"listed":false,"github":"https://github.com/cmudig/data-navigator","clone":"git clone https://github.com/cmudig/data-navigator.git","description":"A JavaScript library that allows for accessible navigation of data structures.","language":"HTML","stars":64,"topics":["accessibility","data-structures","data-visualization","input-method","visualization"],"license":"MIT","category":"analytics","readme_excerpt":"Data Navigator Data Navigator is a JavaScript library that enables keyboard, screen reader, and multi-modal navigation of data structures and visualizations. It works with any rendering technology — SVG, Canvas, images, or WebGL — by creating a semantic, accessible HTML layer on top of your graphics. Documentation · Getting Started · Demo · npm Install How it works Data Navigator is organized into 3 composable modules: 1. Structure — a graph of nodes and edges that defines navigation paths through your data 2. Input — handles keyboard, touch, voice, gesture, and custom input modalities 3. Rendering — creates semantic HTML elements overlaid on your visualization These modules can be used together or independently. Visit the docs for a step-by-step guide to building your first navigable chart. Inspector The optional @data-navigator/inspector package provides a visual graph of your data-navigator structure, useful for debugging and understanding navigation paths. Contributing See CONTRIBUTING.md for setup instructions and development workflow. Credit Data Navigator was developed at CMU's Data Interaction Group (CMU DIG), primarily by Frank Elavsky. Citing Data Navigator","default_branch":null,"files":null,"tree":[],"storefront":"/r/cmudig","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/cmudig/data-navigator/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}