Gallery of dashboard transformations

Take a look at what some of our San Francisco dashboards looked like before and after applying this guidance.

Hospitalizations

Before

Screenshot of dashboard before updates. Dashboard is wide with a teal background, several buttons, a stacked bar chart, and three filters.

After

Screenshot of website with dashboard after updates. Dashboard is long with a light grey background. Has a card, two filters, one area chart, and a data table.

New cases

Before

Screenshot of dashboard before updates. Dashboard is wide with a teal background, a text box explaining new cases, a bar and line chart, and a card, and date filter.

After

Screenshot of website with dashboard after updates. Dashboard is long with a light grey background. Has a card, one date filter, one line chart, and a data table.

Cases by gender

Before

Screenshot of dashboard with buttons before updates. First view of dashboard shows all charts as counts - two bar charts and a multi-line chart. The second view shows all charts as percentages.

After

Screenshot of dashboard with toggles after updates. First view of dashboard shows cumulative case data by gender - two bar charts and a table. The second view shows cases over time by gender in small multiples.

Vaccinations

Before

Screenshot of long vaccination data before updates. Dashboard includes two layers of buttons. The first are age group buttons that update cards of overall vaccine rates. The second buttons are vaccine providers that filter two cards, a stacked cumulative chart, and a bar and line chart.

After

Screenshot of dashboards after updates. Dashboard was split into two: a banner of vaccine rates with age toggles, and a long grey dashboard. The dashboard has a toggle of two measures, and a line chart with table.