Example Gallery

The interactive examples in this gallery provide an illustration of some of the functionality of Florence. Some of these examples are reproductions of example charts from d3 or vega to highlight the differences between these approaches.

Simple Examples

Simple Scatterplot

Choropleth

Categorical dot plot

Area Chart

More Complex Examples

Heatmap

Population Pyramid

Gapminder

Choropleth Map of Singapore

Stacked Horizontal Bar Chart

Candlestick Chart

Global Temperature Trends

Network Layout

Basemap/Mapbox GL

Cartographic Perspectives Figures

These are interactive versions of the static figures included in the Cartographic Perspectives article, which discusses Florence and its design goals.

Poorthuis, A., van der Zee, L., Guo, G., Keong, J. H., & Dy, B. (2020). Florence: a Web-based Grammar of Graphics for Making Maps and Learning Cartography. Cartographic Perspectives, (96). https://doi.org/10.14714/CP96.1645.

Figure 2

Figure 3

Figure 4

Figure 5

Figure 6

Figure 7

Figure 8a

Figure 8b

Figure 9

Figure 10