/frontend-data

frontend data - information design tech track

Primary LanguageJavaScriptMIT LicenseMIT

frontend-data

Welkom op de FD readme repo 👋

In deze repo vind je alle informatie over hoe dit project tot stand is gekomen. Daarnaast ook de installaties van dit project.

frontend data - information design tech track

Concept 📄

Voor het vak frontend-data heb ik de opdracht gekregen om een data visualisatie te creëren vanuit een externe API, waarbij d3 principes toegepast worden.

Vanuit de externe fruit API haal ik fruit nutritions gegevens op en laat het vervolgens weergeven in een bar-chart. Als eerst laat ik alle fruitnamen tonen met hun nutritions carbohydrates waarden zien. Verder heb ik een interactie button toegevoegd waarmee de gebruiker de fruitnaam van de familie “rosaceae” kan laten tonen.

Doel 🔥

  • D3 met svg principes
  • Externe API gebruiken
  • Data visueel laten tonen
  • Data visueel interactie met enter, update en exit principes

proces 📔

Bekijk mijn Wiki

Installaties 🔧

Voor het ophalen van deze repo in je terminal:

git clone https://github.com/Hoa0/frontend-data.git

Voor dit project heb ik gebruik gemaakt van VCode Live server, waarmee ik het programma opstart.

Licentie

MIT