Dag 1 (08 11 2021)

Vandaag zijn we begonnen met het vak Front-end Data. Allereerst ben ik begonnen met het opzetten van deze repo. Daarna, bij de uitleg van het vak, werd ons aangeraden om eerst te kijken naar hoe SVG's werken. Hierdoor heb ik ook gelijk geprobeerd een soort bar chart te maken. Hier ben ik de hele dag verder mee gegaan.

Mijn bar chart SVG:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="starterStats" width="420" height="150" aria-labelledby="title" role="img">
        <g class="bar">
            <rect class="squirtle" width="20px" y="20" x="0"></rect>
            <text x="0" y="15">Bulbasaur</text>
            <rect  width="20px" y="20" x="20"></rect>
            <text x="20" y="15">Ivysaur</text>
            <rect  width="20px" y="20" x="40"></rect>
            <text x="40" y="15">Venusaur</text>
        </g>
        <g class="bar">
            <rect  width="20px" y="40" x="0"></rect>
            <text x="0" y="45">Charmander</text>
            <rect  width="20px" y="40" x="20"></rect>
            <text x="20" y="45">Charmeleon</text>
            <rect  width="20px" y="40" x="40"></rect>
            <text x="40" y="45">Charizard</text>
        </g>
        <g class="bar">
            <rect  width="20px" y="80" x="0"></rect>
            <text x="0" y="75">Squirtle</text>
            <rect  width="20px" y="80" x="20"></rect>
            <text x="20" y="75">Wartortle</text>
            <rect  width="20px" y="80" x="40"></rect>
            <text x="40" y="75">Blastoise</text>
        </g>
    </svg>

Recap

Wat heb ik vandaag gedaan?

• Een SVG gemaakt

Wat ga ik morgen doen?

• Beginnen met D3