All examples By author By category About

proclamo-zz

Crossmap, an experiment with crossfilter.js and d3.js maps

Please, open in a new window to see the full map.

This is the first of a serie of experiments with crossfilter.js and the power of d3.js for building massive data interactive maps. I called it crossmap.

This map is fed with this dataset from infochimps' datasets. This dataset contains a list of wikipedia articles, tagged and geolocated. My particular ETL process has extracted 5456 articles.

The map provides a brush component for select a region, and a list of grouped tags related to selection. This list is updated interactively as the brush selection changes. If you click in any tag from list, the related points in the map are remarked. If you moves the mouse over selecteds points you will see a link to related wikipedia article.

In a future experiment I will add zoom capability. I will experiment too with the performance charging the whole dataset (over 200K entries) and the possible workarounds to have a fluent user experience.