CLOSE MENU

zsons is a graph project made by AENders.

Learn more

The project dives into how to display data with use of Javascript and Vectors.

Hopefully the project can inspire and help you on your journey with displaying data via graphs.

01

Graphs

You can find 5 different styles of graphs on ZSONS, where some are more unique than others.

02

data

The data is random facts or false, and is mostly picked to show case the graphs.

03

code

You are free to use / change the code used for the graphs. Be aware, the code is messy.

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

SHOW YOUR DATA

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

DATA SHOULD BE SEEN

ZSONS provides 5 dynamic graphs, that can help you show your data in the best way.

These graphs are all created via the custom element API and is combined into one custom element.

One big upside to using a custom element is that it will be usable with dynamically rendered content.

to the city

groups full of bar graphs

See more

through the tower

a bar graph with rows of data

See more

above the mountain

Line graph, with High & low peaks

See more

like a river

A soft take on a line graph

See more