Tuesday, June 07, 2016

Mapping the Fortune 500

Every year Fortune ranks the top 500 companies in the U.S. based on their yearly revenue. This year they have also published a map of the Fortune 500 based on the location of each corporation's company headquarters.

The size of the blue circles on the Visualize The Fortune 500 Map map represent the size of each company's revenue. You can adjust the corporations displayed on the map by their annual profit & by revenue using the interactive bar charts above the map.

The bar charts were created with Crossfilter.js. Crossfilter provides a really useful plug-in which you can use with any JavaScript mapping platform to provide interactive charts of your mapped data. As you can see in the Fortune 500 Map Crossfilter charts can be used to filter the data displayed on the interactive map. Users can therefore use the charts to select a range within the data 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 in the video is available on GitHub and you can also play with this example map to get an idea of how powerful the combination of Crossfilter and Google Maps can be.

If you want to use Crossfilter with the Leaflet mapping platform you can use Crosslet, a JavaScript library combining Crossfilter, Leaflet and D3.js.

No comments: