Skip to content

Custom Vector Map

This demo shows how to render a custom map (Australia) with its estimated 2011 population. In addition to rendering tooltips when users hover on any State, users can also hover on the map's legend to highlight States matching the appropriate populations. Users can also move the upper and lower handles of the legend to filter States that are not in the selected range.

Review the complete source code and copy/paste it to create your own.
1
{"action": "import", "url": "../cf-demos/custom-vector-map/index.html"}
1
{"action": "import", "url": "../cf-demos/custom-vector-map/index.js"}
1
{"action": "import", "url": "../cf-demos/custom-vector-map/style.css"}

If you want to see the demo in full screen click here