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

MapWeave Basics​

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

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

Pin Free NodesPin nodes in position after a user has dragged them.explore

Observations and TrajectoriesGenerate trajectories from raw observation data.explore

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

GeoJSON DataAdd GeoJSON data to your map.explore

Fit to BoundsFit the view to bounds defined by your data.explore

Reducing Clutter​

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

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

Proximity CombiningReduce clutter by combining nearby nodes.explore

Observations TransitionsCustomize what is visible at different zoom levels.explore

Styling​

Style Nodes and LabelsExplore different styling options for nodes.explore

Add Images to NodesStyle nodes with images.explore

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

Style Links and LabelsExplore different styling options for links.explore

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

Interactions​

Highlight a NodeHighlight the hovered node with custom styling.explore

Highlight a TrajectoryHighlight the hovered trajectory with custom styling.explore

Highlight NeighborsHighlight the neighbors of a hovered node.explore

Event HandlingSee how MapWeave handles interaction events.explore

GeoJSON Boundaries​

Filter a NetworkCreate an interactive GeoJSON layer to filter networks.explore

Filter TrajectoriesCreate an interactive GeoJSON layer to filter trajectories.explore

Geofence Tracker NodesDetect when tracker nodes are inside a GeoJSON region.explore

Integrations​

Networks with the Time BarUse a time bar to filter a network by time period.explore

Observations with the Time BarUse a time bar to filter observations by time period.explore

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