Every yr Fortune ranks the tiptop 500 companies inward the States based on their yearly revenue. This yr they bring too published a map of the Fortune 500 based on the place of each corporation's companionship headquarters.
The size of the blueish circles on the Visualize The Fortune 500 Map map stand upwards for the size of each company's revenue. You tin adapt the corporations displayed on the map past times their annual net & past times revenue using the interactive bar charts higher upwards the map.
The bar charts were created with Crossfilter.js. Crossfilter provides a actually useful plug-in which y'all tin purpose alongside whatever JavaScript mapping platform to supply interactive charts of your mapped data. As y'all tin run into inward the Fortune 500 Map Crossfilter charts tin hold upwards used to filter the information displayed on the interactive map. Users tin hence purpose the charts to pick out a hit inside the information to display on the accompanying map.
The Google Maps Developers Team has a useful video demonstration of how to connect Crossfilter to the Google Maps API. All the code used inward the video is available on GitHub in addition to y'all tin too play alongside this example map to teach an sentiment of how powerful the combination of Crossfilter in addition to Google Maps tin be.
If y'all desire to purpose Crossfilter alongside the Leaflet mapping platform y'all tin purpose Crosslet, a JavaScript library combining Crossfilter, Leaflet in addition to D3.js.
Buat lebih berguna, kongsi:
