StreetWeave
A Declarative Grammar for the Visualization of Multivariate Data for Spatial Networks
Tools used: React, TypeScript, JavaScript, D3.js, Vega-Lite, Leaflet.js, HTML, CSS, Python, Pandas.
[Paper accepted in IEEE VIS 2025, soon to be published]

Figure:
Different street and pedestrian network visualizations generated with StreetWeave. (A) A multivariate line map, where different
attributes, such as color and line width, effectively encode various data dimensions. (B) & (C) A pattern-based encoding approach for
street overlays, utilizing dashed lines, variable opacities, and wave patterns to represent specific data attributes. (D) & (E) A bristle map
and a line map that communicate data through variations in width, height, color, and opacity, with an additional alignment dimension
integrating multiple encodings. (F) A multi-dimensional grid, where each cell decodes a distinct data value and the background map
color can be customized. (G) & (H) Visual encodings applied directly to street intersections and segments, with an orientation dimension
that allows for dynamic adjustments in plot direction.
Abstract
To be added soon.