--- 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>