This page provides a gallery of example cases for Cicero, a declarative grammar for responsive design transformation. In each case, we provide the design specification of original view, Cicero specification, and the transformed view with annotations. Desktop to Mobile ( ) transformations are provided with step-by-step illustration. The contents of this gallery are static, but the internet connection is required for Bootstrap resources (layout, icons, etc.).
Extended Vega-Lite
COVID-19 Aid Budget Plans
A multi-column bar chart about budget plans for the COVID-19 aid by the political parties of U.S.A.
Disaster Cost
A bar chart about cost of loss and damage caused by historical disasters.
Oil Spills
A map visualization about oil spills on the ocean.
COVID Spending (Line)
A line chart about changes to how people have been spending money since the COVID-19 outbreak.
COVID Spending (Bubble)
A bubble chart about changes to how people have been spending money since the COVID-19 outbreak (by low-level sector).
US Cabinet (Entire)
A block bar chart about changes to the gender and racial diversity in the Cabinet members of U.S.A. over time (per each president).
US Cabinet (Partial)
A block bar chart about changes to the number of the female Cabinet members of U.S.A. over time (per each president).
Bond Yields
A line (and area) chart about changes to forcasted GDP growth rate over time.
French Election
A choropleth about the turnout of 2017 Presidential Election in France.
Justice Kennedy
A dot plot about the percentage of the time in which each of the Supreme Court Justices voted in majority.
Drug Overdose
Small multiples of bar charts about death cases due to drug overdose in six counties in Ohio from 2010 to 2017.
Vega-Lite
Below, we present examples using original Vega-Lite and reusing Cicero rules.
Natural Disaster (VL)
A bubble chart about "global deaths from natural disasters".
Wheat and Wages (VL)
A recreation of William Playfair’s classic chart visualizing the price of wheat, the wages of a mechanic, and the reigning British monarch.