{"version":1,"pages":[{"id":"WJqsb7A4KeDBZQqjrWXd","title":"Data visualization standards for SF.gov","pathname":"/data-visualization-guide","siteSpaceId":"sitesp_qsMrW","description":"Guide for public dashboards and data visualization for the City and County of San Francisco."},{"id":"agWHQnrzSylbgocKvzi5","title":"Why do this?","pathname":"/data-visualization-guide/why-do-this","siteSpaceId":"sitesp_qsMrW","description":"Thoughtful design and accessibility is critical to visualizing and publishing data. Grounding your work in your users and prioritizing accessibility will make your visuals more enjoyable for everyone."},{"id":"BJF65ZptPSq8X7pUaavw","title":"Now you try!","pathname":"/data-visualization-guide/why-do-this/now-you-try","siteSpaceId":"sitesp_qsMrW","description":"Test your Department's existing public data visuals and dashboards.","breadcrumbs":[{"label":"Why do this?"}]},{"id":"X53IyxpvMWFLUTh5owBg","title":"Thoughtful design","pathname":"/data-visualization-guide/thoughtful-design","siteSpaceId":"sitesp_qsMrW","description":"Design visuals for your users and keep it simple."},{"id":"CD0qVp9AfGLgmIfH0NN0","title":"Accessibility","pathname":"/data-visualization-guide/accessibility","siteSpaceId":"sitesp_qsMrW","description":"Analysts and developers should consider hearing, motor, cognitive, and visual accessibility. This is in addition to key usability considerations like dashboard translations."},{"id":"T8bEQej5C8TeXEgMdHgB","title":"Some basics","pathname":"/data-visualization-guide/accessibility/some-basics-1","siteSpaceId":"sitesp_qsMrW","description":"","breadcrumbs":[{"label":"Accessibility"}]},{"id":"7h17qefQGs1VlPnf8aeE","title":"Color","pathname":"/data-visualization-guide/accessibility/color-1","siteSpaceId":"sitesp_qsMrW","description":"Use our standard color palette, but don't rely solely on color.","breadcrumbs":[{"label":"Accessibility"}]},{"id":"sdywl8QVIuw2rGRKUdvY","title":"Formatting Data Visualizations","pathname":"/data-visualization-guide/accessibility/formatting-data-visualizations","siteSpaceId":"sitesp_qsMrW","description":"When formatting your visuals, consistency and accessibility is critical.","breadcrumbs":[{"label":"Accessibility"}]},{"id":"i7cRFUpWPuR23Wttnb1E","title":"Formatting tables","pathname":"/data-visualization-guide/accessibility/formatting-tables","siteSpaceId":"sitesp_qsMrW","description":"Tables are included in all dashboards to enable users have more than one way to access data. Format your tables with the user in mind, making all data easy to access and understand.","breadcrumbs":[{"label":"Accessibility"}]},{"id":"MEmoG0LkCN2LTaC5ZFxQ","title":"Alt Text","pathname":"/data-visualization-guide/accessibility/alt-text","siteSpaceId":"sitesp_qsMrW","description":"Alt text (alternative text descriptions) describes the appearance and function of visuals and images on the report page to screen reader users.","breadcrumbs":[{"label":"Accessibility"}]},{"id":"2Q3YqZ9uFDblnw7eojWP","title":"Mobile view","pathname":"/data-visualization-guide/mobile-view","siteSpaceId":"sitesp_qsMrW","description":"Creating a mobile-responsive view is important to ensure all users can access (and enjoy!) your dashboards."},{"id":"AgW9Y0kBAJGcFgukKqzZ","title":"Analyst checklist","pathname":"/data-visualization-guide/more-resources/analyst-checklist","siteSpaceId":"sitesp_qsMrW","description":"","breadcrumbs":[{"label":"More resources"}]},{"id":"wWZKbkSdfAQAjpbUtEM0","title":"Using the Power BI template: A step-by-step guide","pathname":"/data-visualization-guide/more-resources/using-the-power-bi-template","siteSpaceId":"sitesp_qsMrW","description":"A quick and simple 5-step guide to using our Power BI template.","breadcrumbs":[{"label":"More resources"}]},{"id":"OJQvX2U03soGwglujQDX","title":"Data management","pathname":"/data-visualization-guide/more-resources/data-management","siteSpaceId":"sitesp_qsMrW","description":"","breadcrumbs":[{"label":"More resources"}]},{"id":"W1bNYzFqRRNFuxH4CKu1","title":"Webpage content for data pages","pathname":"/data-visualization-guide/more-resources/webpage-content-for-data-pages","siteSpaceId":"sitesp_qsMrW","description":"","breadcrumbs":[{"label":"More resources"}]},{"id":"WILqh8MYTeUozECs9bnl","title":"Publishing Power BI dashboards to SF.gov","pathname":"/data-visualization-guide/more-resources/publishing-and-embedding-dashboards-to-sf.gov","siteSpaceId":"sitesp_qsMrW","description":"Specific instructions for Power BI users embedding dashboards on SF.gov.","breadcrumbs":[{"label":"More resources"}]},{"id":"wmbLgS4igkTbrRmNRBFq","title":"Resources and links","pathname":"/data-visualization-guide/more-resources/more-resources-1","siteSpaceId":"sitesp_qsMrW","description":"Resources used during the creation of the guide and Power BI template.","breadcrumbs":[{"label":"More resources"}]},{"id":"RFERJAErkBeIQUQetgPZ","title":"Gallery of dashboard transformations","pathname":"/data-visualization-guide/more-resources/gallery-of-dashboard-transformations","siteSpaceId":"sitesp_qsMrW","description":"Take a look at what some of our San Francisco dashboards looked like before and after applying this guidance.","breadcrumbs":[{"label":"More resources"}]}]}