Saturday, May 1, 2021

Using Google Maps Alongside Crossfilter


Crossfilter.js is a JavaScript library for exploring multivariate datasets. Combine Crossfilter alongside the Google Maps API in addition to it is possible to practise mapped information visualizations alongside real powerful filtering options.

Last yr Brendan Kenny of the Google Maps Developers Team created a useful video demonstration of how to connect Crossfilter to the Google Maps API. All the code used inwards the video is available on GitHub in addition to you lot tin mail away also play alongside this example map to larn an thought of how powerful the combination of Crossfilter in addition to Google Maps tin mail away be.

Muyueh Lee has also used Crossfilter alongside Google Maps to practise a visualization of traffic accidents in Hsinchu City, Taiwan. Traffic Accidents Hsinchu maps all traffic accidents inwards the metropolis betwixt Jan to October, 2013.

As good equally the Google Map showing the place of the accidents the visualization includes a set out of charts in addition to graphs showing the accident information past times month, hateful solar daytime in addition to hour. The effect of binding Crossfilter to the Google Map is that the Traffic Accidents Hsinchu map tin mail away hold upward filtered past times month, hateful solar daytime in addition to hour.

Click on the charts in addition to graphs in addition to you lot tin mail away filter the information shown on the map. For event you lot tin mail away lead private days on the Accident Weekday bar nautical chart to visualize the accidents shown on the map past times private hateful solar daytime of the week. Or you lot could lead Sabbatum in addition to Dominicus on the nautical chart to stance all the accidents that occurred at the weekend.

Crossfilter also includes tools to lead a attain of data. Click on the Accident Hour nautical chart in addition to you lot tin mail away lead a attain of hours to stance the accidents on the map past times hour(s) of the day.

No comments:

Post a Comment