📊
Public Data Visualization Guide
  • Data visualization standards for SF.gov
  • Why do this?
    • Now you try!
  • Thoughtful design
  • Accessibility
    • Some basics
    • Color
    • Formatting Data Visualizations
    • Formatting tables
    • Alt Text
  • Mobile view
  • More resources
  • Analyst checklist
  • Using the Power BI template: A step-by-step guide
  • Data management
  • Webpage content for data pages
  • Publishing Power BI dashboards to SF.gov
  • Resources and links
  • Gallery of dashboard transformations
Powered by GitBook
On this page
  • Hospitalizations
  • New cases
  • Cases by gender
  • Vaccinations

Was this helpful?

Export as PDF

Gallery of dashboard transformations

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

PreviousResources and links

Last updated 3 years ago

Was this helpful?

Hospitalizations

Before

After

New cases

Before

After

Cases by gender

Before

After

Vaccinations

Before

After

Screenshot of dashboard before updates. Dashboard is wide with a teal background, several buttons, a stacked bar chart, and three filters.
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.
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.
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.
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.
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.
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.
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.