---
# System prepended metadata

title: prototype-hh-chika-animations
tags: [lookbooks]

---

---
tags: lookbooks
---

# prototype-hh-chika-animations

Chika's presentation relies heavily on the use of graphs to illustrate trends. 

there are two methods to approaching this -- one is to use the source data(which we are currently waiting for!), and the other is to essentially trace the graph.

the biggest challenge is *designing* them, the inspiration for the design from *13th*, a documentary on US Prisons

![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F034APBS89K/13th_360.gif?pub_secret=d8f36ea9e6)
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F033Z2X8BHD/wwii-fallen01.mov_360.gif?pub_secret=cd17782611)

## the data

![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F034PFQ1601/hh_gg_custody_pres.png?pub_secret=6192ab3579)
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F0350KR8S3A/hh_gg_alloffenses.png?pub_secret=ff6c094a2d)
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F034PFQGVT3/hh_gg_property_mo_pres.png?pub_secret=14e01de621)
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F03447ZE6BG/hh_plot_consolidated_racial.png?pub_secret=210a8fd975)
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F034ATGG85R/hh_time_trends.png?pub_secret=59eb2a8acc)
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F034ATH136X/modelequation.png?pub_secret=e30dabb226)

## tracing methods

<iframe width="640" height="360" src="https://www.youtube.com/embed/Zm1-ObJWJ-w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="640" height="360" src="https://www.youtube.com/embed/e-ewUiDv8E0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="640" height="360" src="https://www.youtube.com/embed/CR3csdXTTKU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## data-based

<iframe width="640" height="360" src="https://www.youtube.com/embed/g-bNB7erxO8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

<iframe width="640" height="360" src="https://www.youtube.com/embed/5bXfhogposM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>