Widget HTML Atas

Mapping The Fortune 500


Every yr Fortune ranks the pinnacle 500 companies inward the USA based on their yearly revenue. This yr they convey too published a map of the Fortune 500 based on the place of each corporation's fellowship 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 accommodate the corporations displayed on the map past times their annual lucre & past times revenue using the interactive bar charts higher upward the map.

The bar charts were created with Crossfilter.js. Crossfilter provides a actually useful plug-in which you lot tin operate alongside whatever JavaScript mapping platform to supply interactive charts of your mapped data. As you lot tin run across inward the Fortune 500 Map Crossfilter charts tin last used to filter the information displayed on the interactive map. Users tin hence operate the charts to lead a make 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 together with you lot tin too play alongside this example map to instruct an sentiment of how powerful the combination of Crossfilter together with Google Maps tin be.

If you lot desire to operate Crossfilter alongside the Leaflet mapping platform you lot tin operate Crosslet, a JavaScript library combining Crossfilter, Leaflet together with D3.js.