svelte-fifa-soundtrack-charts

FIFA soundtrack visualizations built with Svelte.

Quickstart

Python

• pipenv install --python 3.6.
• pipenv shell.

Svelte

• npm install.
• npm start.

References

• FIFA 20 Soundtrack page.
• FIFA 21 Soundtrack page.
• How to handle environment variables in Python blog post by Bob Belderbos.
• Teamed (or grouped) bar chart:
  • Lisa Charlotte Muth's tweet.
  • Wahlergebnisse : Alle Ergebnisse der Bundestagswahl 2021 by ZEIT ONLINE.

Notes

• Deta Base:
  • NoSQL database.
  • pipenv install deta.
  • The put method is the fastest way to store an item in the database.
  • The put_many method puts up to 25 items on a single call.
  • key parameter: ID. It will be automatically generated if not provided.
  • HTTP API.
• HTTPie:
  • brew install httpie.
  • https -v POST https://database.deta.sh/v1/{project_id}/fifa_soundtrack/query X-API-Key:{project_key} Content-Type:application/json query:='[{"GAME": "FIFA 21"}, {"GAME": "FIFA 20"}]' (more info here).
  • param==value for URL parameters (source).
  • Name:Value for HTTP Headers.
  • Cheatsheet.