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.