This project visualizes the Sustainable Development Goals (SDGs) as a graph in your browser.

• nodes are goals, targets, and indicators
• edges show associations of targets to goals, and indicators to targets

See interactive demo on githack (thanks to Pavel Puchkin for the CDN).

Features:

• concentric layout with goals at the center and indicators at the edge
• user can zoom and pan via gestures or UI widget (thanks to panzoom and Font Awesome)
• user can hover over nodes to show tooltips with further information (thanks to cy-popper and popper)
• user can click on a node to collapse / expand parts of the graph for better overview
• user can double-click on a node to zoom in on it
• user can search for nodes based on their description or id

This project relies on datapopalliance's SDG data, which offers SDG data in a machine-readable format and on Cytoscape.js for the graph visualization.