January 2021 Summaries

This guide explores how to build a map data visualization with JavaScript (and React) using MapBox, a popular set of tools for working with maps and location-based search. The project uses Stack Overflow's open dataset, which contains users' locations as strings, but requires geocoding to work with Mapbox. The guide creates four independent map data visualizations: a heatmap layer showing where Stack Overflow users live, a points layer with dynamic styling and updated data source, a points layer with click events, and a choropleth layer showing total and average users' rankings by country. Each visualization is created using Cube, an open-source analytical API platform, to serve the dataset over an API, and React to create the front-end app. The project demonstrates how to use Mapbox data-driven styling and manipulations to customize the map and make it interactive.

This blog post provides a detailed guide on creating a Tableau-like data visualization using Muze, a JavaScript charting library, in combination with Cube for the analytical API, to create a cross-interactive visualization system in the browser. It discusses the limitations of existing JavaScript visualization libraries and highlights MuzeJS as a solution that offers both ease of use and control by adopting a data-first approach. The blog explains how to set up a PostgreSQL database and a Cube back-end to handle data, and how to use React for the front-end to visualize data drawn from an e-commerce dataset. The tutorial covers the installation of necessary software, configuration, and creation of a DataModel to render interactive charts that slice and dice data by various dimensions, such as gender and city, while also offering insights into the concepts of measures and dimensions. The post concludes with a reflection on the tutorial's achievements and encourages further exploration of MuzeJS and Cube for more advanced features.