How to Create a Circle Chart Section
Step 1: UPLOAD THE CSV TO FINALSITE
Update CSV with location information
[google sheet link here]
Download CSV
In Finalsite Admin, click on Resources tab on left sidebar. Next click "Resources". Next click "Website Files" then "Circle Charts"
-54416cd7e08294a1792450f83a1f6e37.png)
-f1eec471a97696eda33176c09ac800ca.png)
Click the green upload button on the top right and add the CSV
Click on the file you just uploaded then click on "Link to Resource"
Copy the url. You will need this later
Step 2: Create the circle chart section on the page
In the page's customizer, add a Container with the class name "circle-chart". Inside the container, add an Embed. Click the link to add the custom embed code. Add the following to the code box, replacing "[COPIED LINK HERE]" with the url you copied above:
<div data-csv-location="[COPIED LINK HERE]" id="my_dataviz">
NOTE: Make sure the url is surrounded by the quotation marks. Example:
<div data-csv-location="www.google.com" id="my_dataviz">
-688d2d5c9cb45f1b811d229434bf42cb.png)
Click Save and Publish Page