Toon gegevens aan je bezoekers in een aantrekkelijk visueel formaat.

Met grafiekblokken kun je staafdiagrammen, lijndiagrammen en cirkeldiagrammen maken en vormgeven op je site.

Tip: bekijk deze post in het Squarespace Forum voor het toevoegen van een tabel met kolommen en rijen. Houd er rekening mee dat ons ondersteuningsteam je niet kan helpen met het toevoegen van aangepaste code aan je site of met het oplossen van problemen die voortkomen uit het gebruik ervan.

Video over het toevoegen en opmaken van grafiekblokken

Bekijk deze video om te leren hoe je een diagramblok maakt en je gegevens importeert.

Een diagramblok toevoegen

Om een diagramblok toe te voegen:

1. Bewerk een pagina of post, klik op blok toevoegen of een invoegpunt en klik vervolgens op grafiek. Ga voor hulp naar Content toevoegen met blokken.
2. Om de blok-editor te openen, klik je op het blok en vervolgens op het potlood-pictogram op het blok.
3. Het diagramblok is standaard een staafdiagram. Klik onder Data op het Grafiektype-uitklapmenu om een andere lay-out te selecteren.
4. Gebruik het tabblad Data of Importeren/Exporteren om gegevens toe te voegen.
5. Gebruik het tabblad Ontwerp om het ontwerp van de grafiek aan te passen. Als jouw site versie 7.0 heeft, klik dan op Toepassen om je wijzigingen te publiceren.

Kies een diagrambloklay-out

Verander de lay-out van de grafiek in het tabblad Data van het blok. Wanneer je een lay-out kiest, verschijnt er een voorbeeld ervan op de pagina. Het kan zijn dat je je gegevens opnieuw moet formatteren om ze zo goed mogelijk in de nieuwe lay-out te laten passen.

Voeg gegevens toe aan je diagramblok

Nadat je je grafiektype hebt gekozen, kun je het tabblad importeren/exporteren gebruiken om gegevens te importeren van een .csv. of het tabblad Gegevens om gegevens handmatig toe te voegen. Getallen op de Y-as kunnen automatisch naar boven worden afgerond.

Opmerking: Je kunt maximaal 25 rijen en 25 kolommen toevoegen. Voer alleen cijfers in. De editor converteert alle dollarsymbolen ($) naar 0's.

Kopieer gegevens voor je diagramblok uit een .csv

Als je een spreadsheet met gegevens hebt, kopieer en plak deze dan vanuit een platte tekst.csv-bestand. We raden deze methode aan, vooral als er veel gegevens zijn en je bekend bent met het maken van spreadsheets in Excel of Google Spreadsheets.

Gegevens importeren vanuit een spreadsheet:

1. In your spreadsheet program, save your data as a .csv file.
2. Open the file in a plain text editor like Notepad or TextEdit.
3. Markeer alles en kopieer de tekst.
4. Klik in de blokeditor op Importeren/Exporteren.
5. Verwijder de tijdelijke gegevens in het grafiekgegevensveld.
6. Paste the text you copied from the .csv.
7. Klik op Bijwerken en klik vervolgens op Bevestigen in het bericht dat verschijnt.

Diagramblokgegevens handmatig invoeren of bewerken

Om het diagram vanaf nul op te bouwen, voeg je rijen met gegevens één voor één toe op het tabblad Gegevens van de blokeditor. Gebruik deze optie als je geen bestaande gegevens hebt of als je maar een paar gegevenspunten wilt weergeven.

Om handmatig gegevens toe te voegen:

1. Vervang in het tabblad Gegevens van de blokeditor de gegevens in placeholder-rijen of verwijder ze door ze te slepen naar de prullenbak die verschijnt.
2. Klik op de + rechtsboven om nieuwe kolommen en kolomkoppen toe te voegen. Cirkeldiagramblokken kunnen slechts twee kolommen bevatten.
3. Klik op het +-pictogram linksonder om nieuwe rijen en headers toe te voegen.
4. Klik in een cel om nieuwe gegevens in te voeren of tijdelijke gegevens te vervangen. Vul alle cellen in.

Tip: Navigeer tussen cellen en rijen met de Tab-toets, zoals in elk spreadsheetprogramma.

5. Vink Flip X- en Y-assen aan om de manier waarop gegevens worden weergegeven te wijzigen. We raden dit niet aan voor cirkeldiagramblokken.

Tips voor de opmaak

Hoe je je gegevens opmaakt hangt mogelijk af van het type diagramblok dat je gebruikt. Volg deze tips voor meer informatie over de opmaak van elk diagram.

• Bar
• Regel
• Cirkel

Elke rij in staafdiagramblokken vertegenwoordigt een staaf of onderwerp op de x-as in het diagram. Dit is meestal gereserveerd voor de belangrijkste onderwerpen die je vergelijkt.

Elke nieuwe kolom vertegenwoordigt de meting die je vergelijkt tussen de onderwerpen en creëert een nieuw verticaal gedeelte in het diagram.

Om een eenvoudige vergelijking tussen proefpersonen te maken, voeg je één kolom toe om voor elke proefpersoon een staaf te maken. Om meerdere vergelijkingen tussen proefpersonen te maken, voeg je meerdere kolommen toe. Het is niet mogelijk om een gestapeld staafdiagram te maken.

De x-as (gevormd door rijen) in lijngrafiekblokken is meestal bedoeld voor intervallen. Elke rij in je gegevens maakt een nieuw interval in de grafiek.

De Y-as (gemaakt door kolommen) is meestal bedoeld voor de waarde die je in de loop van de tijd volgt (bijvoorbeeld verkoop, omzet of populatie). Elke kolom in je gegevens maakt een nieuwe lijn in de grafiek.

Als je meerdere lijnen vergelijkt, voeg dan meerdere kolommen toe. Het is niet mogelijk om onzekerheden of prognoses toe te voegen (grijze of stippellijnen die trends voorspellen).

Cirkeldiagramblokken zijn ontworpen om maximaal vijf items te vergelijken. Elk kleurenpalet bevat vijf kleuren voordat ze zich beginnen te herhalen.

Gegevens mogen slechts twee kolommen bevatten, waarbij de eerste kolom een label bevat en de tweede kolom een getal dat dat label vertegenwoordigt. In het onderstaande voorbeeld bevat de eerste kolom de lijst van taarten en de tweede kolom het aantal mensen dat een taart lekker vindt.

Ontwerpbeperkingen voor cirkeldiagrammen

Bij het maken van cirkeldiagrammen:

• We raden niet aan om de X- en Y-assen om te draaien.
• Het label voor elk item is ontworpen voor maximaal twee of drie woorden. Als je langere namen of meer informatie voor elk item wilt, voeg dan een tekstblok onder de grafiek toe om de labels in meer detail uit te leggen.
• Andere tekst of tekens in de waarden in de tweede kolom, zoals procenttekens, worden niet weergegeven op je live site.
• Op je live site worden de details van elk segment van de grafiek alleen weergegeven wanneer je eroverheen zweeft.

Het ontwerp van het diagramblok aanpassen

In het tabblad Ontwerp kun je het diagramblok aanpassen. De plaatsing van titels, onderschriften en legenda's kun je niet aanpassen.

Gebruik deze opties om het ontwerp van je grafiek aan te passen:

• Diagramtitel – voeg een titel toe voor het diagram. We raden aan om het kort te houden, bijvoorbeeld "Kaartverkoop 2019".
• Onderschrift - Voeg een onderschrift toe dat onder de grafiek wordt weergegeven. Dit onderschrift is nuttig voor het citeren van bronnen, datums, gedetailleerde uitleg of disclaimers.
• Legenda weergeven - Gegevenslabels in een legenda weergeven.
• Kleurenpalet – kies uit een van de vijf voorgedefinieerde kleurenschema's. Het is niet mogelijk om specifieke kleuren aan te passen voor gegevenspunten of assen.

Stijl de tekst.

Gebruik sitestijlen om het lettertype en de kleur van de tekst van het blok te veranderen. Hoe je de tekst opmaakt, hangt af van de versie van Squarespace op je site.

Grafiekgegevens exporteren

Om een back-up van je gegevens te maken naar een .csv-bestand bestand buiten Squarespace:

1. Open het Paneel pagina's.
2. Klik op Bewerken op de pagina of post waar het diagramblok verschijnt.
3. Dubbelklik op het diagramblok.
4. Klik op Importeren / Exporteren.
5. Kopieer je gegevens in het gegevensveld van de grafiek.
6. Paste the data into a plain text editor.
7. Save the file as a .csv. This converts the file into a spreadsheet.