![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/66fdc9f3-274b-4e1b-b285-0d1630c1387e_rw_1920.jpg?h=4a9fd50d2bdafd8171838b12334bc9c7)
Web-development: Parametric Design
Creative Coding | Fall, 2020
At the time of its creation, this project was an unusual but very welcome addition to my portfolio. Recycling an older infographic project, which was intended to be a physical copy but never evolved past a PDF (derailed by a pandemic), I found it a new home — embracing its digital existence. Diving into the world of JavaScript, an unfinished infographic book matured into an interactive index of English Premier League statistics.
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/920d9f8e-a7fc-43ae-b196-599d24f43119_rw_1920.jpg?h=f38e512d68c535156a3b275bb56f9a67)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/f6063e25-95c0-4b2f-b4ee-5b632d91949e_rw_1920.jpg?h=98a8f75135dc2edfdba6cfb59ca88885)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/0fbebcd5-5f99-4adf-910e-d565112cacd3_rw_1920.jpg?h=09404aa242b74b2f0e5ef2aa6fbf0868)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/683ca072-d8b2-412d-9628-01196c4e3cc2_rw_1920.jpg?h=cdc94f602d7add583dd22bc86e0b7837)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/3044fbbc-e510-4205-a0e2-a73fafa1c1a9_rw_1920.jpg?h=d421dc9480db9975e9067d15e8762ca0)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/8609f8cc-6720-4a0c-8f06-7624c9873464_rw_1920.jpg?h=e22c848e7c2fa33aa805a2848fd3d80a)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/38523d17-dc22-4ca7-b601-44b63ebd8fb0_rw_1920.jpg?h=f58ce88ee344cc328d0bbe8a6b99c12f)
Infographic Book: EPL | Spring, 2020
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/e194e029-69ac-43da-8890-6ab6cf4f32e6_rw_1920.png?h=2124cd3469c4485837a2080642879e9f)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/9b592411-760c-4a20-8ba7-41bf02e5219d_rw_1920.png?h=053b5d40e75e0327890138b527e06405)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/fd78eccf-9308-4050-9d2f-612b8af78a0b_rw_1200.png?h=43c5ac076e25104ea445155b13b2e90f)
Data-driven visuals
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/d24cf553-8918-425c-8110-1be0654caa46_rw_1920.jpg?h=1cf3262c1883997a0846b48497cd4f19)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/9d5a81db-726d-43d1-8da8-e7cb184e49af_rw_1920.jpg?h=549aa7723617074b5c579f9f6fe91de2)
Preliminary sketches
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/e22aab0b-757d-44b4-ba54-4785f59e7402_rw_1920.jpg?h=a938c3cc7a05fdcb9a39e9ceb4403a71)
![](https://cdn.myportfolio.com/992fe8cb-2556-4634-8000-550255c62101/54d058a4-e6f0-47a9-9249-8b4b19cd42fc_rw_1920.jpg?h=5a71d2a0d3ca43d5196c35c01a56e6c2)
Concept art
Final outcome
Resources
Final solution:
https://editor.p5js.org/inoon/present/AOMmcTg7X
https://editor.p5js.org/inoon/present/AOMmcTg7X
Premier League:
https://www.premierleague.com/stats
https://www.premierleague.com/stats