Donut Chart

<donut-chart 
    size="250"
    snack-width="20"
    source="../api/departments.json"
></donut-chart>

Departments

Attribute Default Description
size 250px dimension
snack-width 0 donut width
legend none right or bottom
middle-text text in the middle
source JSON endpoint - format
data instead source, HTML encoded - format

Bar Chart

<bar-chart
    height="300"
    bar-width="30"
    source="../api/roles.json"
></bar-chart>

Company growth

Attribute Default Description
width 200px
height 200px
bar-width 30 width of each bar
legend none right or bottom
unit label y-axis
source JSON endpoint - format
data instead source, HTML encoded - format

Line Chart

<line-chart
    width="400"
    height="160"
    source="../api/velocities.json"
    unit-x="sec"
    unit-y="km/h"
></line-chart>

Longboard velocity vs Bike

Attribute Default Description
width 200px
height 200px
legend none right or bottom
unit-x label x-axis
unit-y label y-axis
source JSON endpoint - format
data instead source, HTML encoded - format