Every twelvemonth Fortune ranks the elevation 500 companies inwards the U.S.A. based on their yearly revenue. This twelvemonth they accept likewise published a map of the Fortune 500 based on the place of each corporation's companionship headquarters.
The size of the bluish circles on the Visualize The Fortune 500 Map map correspond the size of each company's revenue. You tin adapt the corporations displayed on the map past times their annual earnings & past times revenue using the interactive bar charts inwards a higher house the map.
The bar charts were created with Crossfilter.js. Crossfilter provides a actually useful plug-in which yous tin piece of occupation alongside whatever JavaScript mapping platform to render interactive charts of your mapped data. As yous tin come across inwards the Fortune 500 Map Crossfilter charts tin move used to filter the information displayed on the interactive map. Users tin so piece of occupation the charts to choose a attain 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 inwards the video is available on GitHub as well as yous tin likewise play alongside this example map to larn an sentiment of how powerful the combination of Crossfilter as well as Google Maps tin be.
If yous desire to piece of occupation Crossfilter alongside the Leaflet mapping platform yous tin piece of occupation Crosslet, a JavaScript library combining Crossfilter, Leaflet as well as D3.js.
