Examples

These examples show the most common things you can do with MapWeave. Each example shows the source code and can be opened and edited in the Playground.

Map Adapters​

MapboxUse MapWeave with Mapbox.explore

MapLibreUse MapWeave with MapLibre.explore

StandaloneUse MapWeave without a third party basemap library.explore

Network Layer​

Nodes and Links​

Basic Nodes and LinksCreate a graph with fixed connected nodes.explore

Fixed and Free NodesSee different types of nodes in MapWeave.explore

Pinning and UnpinningPin nodes in position after a user has dragged them.explore

Geodesic LinksShow links as arcs following curves in 3D space.explore

Proximity Combining​

Combine Nodes by ProximityReduce clutter by combining nearby nodes.explore

Style Combined NodesStyle combined nodes and links using custom rules.explore

Basic Styling​

Node StylesExplore different styling options for nodes.explore

Link StylesExplore different styling options for links.explore

Icons and ImagesStyle nodes with images.explore

Adaptive Styling​

Adaptive StylingReduce clutter and improve readability at each zoom level.explore

Link HeatmapShow volume of flow or network traffic with color scale.explore

Observations Layer​

Observations and TrajectoriesGenerate trajectories from raw observation data.explore

Observations Layer TransitionsCustomize what is visible at different zoom levels.explore

Tracker NodesShow the positions of moving entities with tracker nodes.explore

GeoJSON Layer​

Load DataAdd GeoJSON data to your map.explore

Filter Network by RegionCreate an interactive GeoJSON layer to filter networks.explore

Filter Trajectories by RegionCreate an interactive GeoJSON layer to filter trajectories.explore

Tracker Nodes in RegionDetect when tracker nodes are inside a GeoJSON region.explore

Interaction​

Handle EventsSee how MapWeave handles interaction events.explore

Highlight Network on HoverHighlight the hovered node with custom styling.explore

Highlight Trajectory on HoverHighlight the hovered trajectory with custom styling.explore

Highlight NeighborsHighlight the neighbors of a hovered node.explore

Time Dependent​

Filter NetworkUse a time bar to filter a network by time period.explore

Filter Observations by TimeUse a time bar to filter observations by time period.explore

Filter using KronoGraphUse MapWeave with KronoGraph for in-depth temporal analysis.explore