Skip to main content
Dash Sylvereye

Web-based visualizations of large road networks for dashboards built with the Dash framework

pip install dash-sylvereye
Get startedExamplesRead the paperGitHub

Featured by Plotly as Dash Club Component of the Month and on Plotly's LinkedIn, January 2024

See it in action

A short walkthrough of Dash Sylvereye rendering an interactive road-network dashboard in the browser.

Powered by WebGL

Powered by WebGL

WebGL-accelerated rendering keeps exploration smooth on topologies with tens of thousands of interactive elements, even on commodity hardware.

How it works →
Dashboard visualizations

Dashboard visualizations

A first-class Plotly Dash component library. Road-network data and visual properties react to any other Dash component or callback at runtime.

See examples →
Fully customizable

Fully customizable

Per-element control of size, color, transparency, and visibility for every node, edge, and marker, plus a swappable OSM tile layer. chroma.js scales and OSMnx loaders ship in the box.

Reference →

Web-based visualization of road networks in Python

Dash Sylvereye is an open-source component library for Plotly Dash that produces interactive, web-based visualizations of large primal road networks straight from Python.

Web-based visualization of road networks in Python

Rich dashboards built around road networks

Full integration with Plotly Dash: road-network data and visual properties update reactively in response to any other Dash component.

Rich dashboards built around road networks

Accelerated rendering of large-scale road networks

With WebGL under the hood, you can smoothly navigate tens of thousands of interactive nodes, edges, and markers on commodity hardware such as a mid-range laptop.

Accelerated rendering of large-scale road networks

Customize colors, sizes, and more

Every visualization is fully customizable: control the size, color, transparency, and visibility of each individual node, edge, and marker through a small, consistent set of options.

Customize colors, sizes, and more

Visualize data from OpenStreetMap

Convenient utilities for loading OpenStreetMap road-network topologies produced by the OSMnx library, ready to render in a single call.

Visualize data from OpenStreetMap

Cite this work

If you use Dash Sylvereye in your research, please cite the original paper.

A. Garcia-Robledo and M. Zangiabady, "Dash Sylvereye: A Python Library for Dashboard-Driven Visualization of Large Street Networks," in IEEE Access, vol. 11, pp. 121142-121161, 2023.

https://doi.org/10.1109/ACCESS.2023.3327008

@article{garciarobledo2023sylvereye,
  author  = {Garcia-Robledo, Alberto and Zangiabady, Mahboobeh},
  title   = {Dash {S}ylvereye: A {P}ython Library for Dashboard-Driven Visualization of Large Street Networks},
  journal = {IEEE Access},
  volume  = {11},
  pages   = {121142--121161},
  year    = {2023},
  doi     = {10.1109/ACCESS.2023.3327008},
}
Read the paper (DOI ↗)

Get started

pip install dash-sylvereye
DocumentationExamplesDemoGitHubPyPI