📊
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
  • These guidelines outline best practices for public reporting of data dashboards and visualizations.
  • This guide is for analysts publishing visuals to the public.
  • Power BI resources
  • Thank you!

Was this helpful?

Export as PDF

Data visualization standards for SF.gov

Guide for public dashboards and data visualization for the City and County of San Francisco.

NextWhy do this?

Last updated 1 year ago

Was this helpful?

These guidelines outline best practices for public reporting of data dashboards and visualizations.

This guide was created collaboratively in 2021 by DataSF, Digital Services, Controller’s Office, and several expert volunteers.

We aim to ensure data visualizations created for the public are:

  • Thoughtfully designed

  • Accessible and enjoyable

  • Mobile-responsive

For dashboards or data visuals going on a public website, implementing these guidelines should be considered a minimum criteria for your dashboard or product.

This guide is for analysts publishing visuals to the public.

This guide is for data analysts experienced in data visualization who plan to publish dashboards or data visuals on a public website. While this guidance is applicable for any website, following this guidance is required for any visuals going on the SF.gov platform.

Nonetheless, many of the accessibility best practices are relevant and can be applied to internal reports as well.

Take a look at once these rules have been applied. You can also .

Power BI resources

If you are using Power BI, and associated video tutorial and step-by-step guide . All the guidance below is already applied to our template, so it’s easy to just plug in your data and go!

Analysts can use any visualization software approved by their Department, and all of this same guidance applies.

Thank you!

Special thanks to several expert designers and engineers who worked on this guide and the corresponding Power BI template. Thank you to:

Power BI-specific tips are highlighted throughout this document.

You should use this guide in concert with .

This guide is only possible because of countless amazing articles, blog posts, and presentations on dashboarding, accessibility, and design. Thank you to the engineers, designers, accessibility experts, and other leaders that contributed to this work simply by publishing excellent resources elsewhere. Check out to find a list of resources we used.

For Power BI implementation, we leaned heavily on the work of . Check out her and .

📌
DataSF’s Power BI resource library
our resources section
Jaime Tanner
Frank Elavsky
Chris Demartini
Meagan Longoria
Power BI checklist,
webinar on accessibility
our gallery of dashboard transformations
read more about how this guide was developed in a blog article
use our template PBIX file
Screenshot from our Power BI template file, highlighting the contents: there are several layout options, built-in spacers to help move and organize visuals, all formatting standards are built in, alt text and tab order are correct, and a date table and other advanced measures are also included.