The Rise of U.S. Anti-Boycott Laws
I adapted one of Visualizing Palestine's infographics into an engaging web-based story that unfolds as you scroll.
![Screenshot of the title screen on a laptop.](/_astro/antiboycott-hero.ByfLVcvF_Z1q9Wj2.png)
The original print graphic had to be reimagined in order to work across a range of devices from mobile phones to desktops.
![Screenshot of Visualizing Palestine's print-based infographic](/_astro/antiboycott-physical.3zA0wYg3_9epzL.png)
![Screenshot of the homepage viewed on a mobile device](/_astro/antiboycott-mobile.D3ZULwhy_Z2g1MWE.png)
![Screenshot of the legislative timeline](/_astro/antiboycott-timeline-mobile.McJxa0RZ_Z1ikQBm.png)
The timeline was the most difficult component. I opted for an animated approach that broke the narration down into small segments.
![Screenshot of the call to action section that directed people to learn more about the issue](/_astro/antiboycott-learn-more-mobile.CDzAm106_1cjbih.png)
![Screenshot of the timeline on a large screen, like a laptop.](/_astro/antiboycott-timeline.DlHOt5hp_Z9meMr.png)
How I Built It
Learn how I managed CPU usage to create silky smooth animations in this interactive, scroll-based story.