Skip to content

Commit

Permalink
dashboards lecture
Browse files Browse the repository at this point in the history
  • Loading branch information
pietrostefani committed Mar 19, 2024
1 parent a7ee27e commit 75c7365
Show file tree
Hide file tree
Showing 79 changed files with 6,202 additions and 0 deletions.
Binary file added lectures/figs/basic_dashboard.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lectures/figs/covid_19.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lectures/figs/dallee_dashbords.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lectures/figs/dashboard.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lectures/figs/pal_open_maps.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lectures/figs/poverty_maps.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
880 changes: 880 additions & 0 deletions lectures/w08.html

Large diffs are not rendered by default.

146 changes: 146 additions & 0 deletions lectures/w08.qmd
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
---
title: "Web Mapping & Visualisation"
subtitle: "Dashboards"
author: "Elisabetta Pietrostefani"
format:
revealjs:
navigation-mode: grid
align-items: center;
---

# Today

- What?
- Why?
- How?

# Dashboards: *What?*


#

<center>

<img alt="centered image" data-src="./figs/dashboard.png" width="90%" height="90%"/>

<center>

#

<center>

<img alt="centered image" data-src="./figs/basic_dashboard.png" width="90%" height="90%"/>

<center>

#

<center>

<img alt="centered image" data-src="./figs/covid_19.png" width="90%" height="90%"/>

<center>

#

<center>

<img alt="centered image" data-src="./figs/pal_open_maps.png" width="90%" height="90%"/>

<center>

#

<center>

<img alt="centered image" data-src="./figs/poverty_maps.png" width="90%" height="90%"/>

<center>

# (Digital) Dashboards

*[] single-screen display of the most important information people need to do a job, presented in a way that allows them to monitor what’s going on in an instant*

Few (2006)

# (Digital) Dashboards

- “Centralisers” of data
- Not only about maps
- Up-to-date (dynamic/real time)


# Dashboards: *why (not)?*

# Why?

- More data, more problems: need to access streams effectively
- Dynamic data requires dynamic mediums
- Decision-driven views: focus on “key indicators"

# Useful features

- “Useful model” distilling the essential in one place
- Powerful, yet accessible (client/server model)
- Enable “designed” analysis

# Why not?

Critical considerations

- Mechanistic view of complex/human systems
- Reductionist: Focus only on what can (and is) be measured
- Bias: What is measured? What is left out?

# Map-based dashboards

- At least one view is a map, but may combine with other views
- Organise information presented through space/geography
- Limited but focused analysis through interactivity (“GIS on a browser”)

#

<center>

<img alt="centered image" data-src="./figs/dallee_dashbords.png" width="90%" height="90%"/>

<center>

# Dashboards: *how?*


# How to design a dashboard

- Purpose first, technology next
- One-rule **does not** fit-all
- Learning by (others’) mistakes

# Thirteen mistakes in Dashboard Design (Few, 2006)

# Thirteen mistakes… (1-3)
1. Exceeding a single screen
2. Supplying inadequate context for the data
3. Excessive detail/precision

# Thirteen mistakes… (4-6)
4. Choosing a deficient measure
5. Inappropriate display media
6. Meaningless variety

# Thirteen mistakes… (7-9)
7. Poorly designed display media
8. Inaccurate encoding of quantitative data
9. Poor arrangement

# Thirteen mistakes… (10-13)
10. Highlighting important data ineffectively
11. Display cluttering/decoration
12. Color mis/overuse
13. Unattractive visual displays

# Enabling analysis
- Not only display of information
- Interactivity fits more into one screen
- “Purpose-built GIS”

<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" alt="Creative Commons License" style="border-width:0"/></a><br />[Geographic Data Science]{xmlns:dct="http://purl.org/dc/terms/" property="dct:title"} by <a xmlns:cc="http://creativecommons.org/ns#" href="http://pietrostefani.com" property="cc:attributionName" rel="cc:attributionURL">Elisabetta Pietrostefani</a> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
7 changes: 7 additions & 0 deletions lectures/w08_files/libs/clipboard/clipboard.min.js

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions lectures/w08_files/libs/quarto-html/light-border.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

6 changes: 6 additions & 0 deletions lectures/w08_files/libs/quarto-html/popper.min.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions lectures/w08_files/libs/quarto-html/quarto-html.min.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

203 changes: 203 additions & 0 deletions lectures/w08_files/libs/quarto-html/quarto-syntax-highlighting.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

0 comments on commit 75c7365

Please sign in to comment.