Control at your fingertips.

Animated, multi-level drill-down facet chart that is easy to use.

Drill-down to next sub-category of data

Drill-down to the next sub-category of data. Drill-down levels are not limited.

Click on a column/bar

Tap on a column/bar

Drill-up one level.

Go back to the previous upper-level of the data.

Click on the chart and drag up. Release when desired zoom level reached. You may also use dedicated "Zoom out" button.

Tap on the chart and drag up. Release when desired zoom level reached. You may also use dedicated "Zoom out" button.

Go back

Return chart to previous state before recent interaction happened.

Use dedicated "Back" button.

Finetune zoom

You may finetune your chart appearance by dragging up/down and left/right. Dragging it up will zoom in. Dragging it down will zoom out. Left or right drag will move x-axis to left or right revealing more data.

Click on the chart and drag to any direction. You may use dedicated "left" and/or "right" buttons which become visible if there is more data available in the particular direction

Tap on the chart and drag to any direction. You may use dedicated "left" and/or "right" buttons which become visible if there is more data available in the particular direction

Toggle Lin/Log view

Toggle y-axis from linear to logarithmic scale and back.

Use dedicated "Lin/Log" button.

Export displayed view

Export chart to various formats.

Use dedicated "Export" button.

Select a facet

By default facet will be selected with a click if there is no more drill-down available. If there is drill-down available, clicking on facet will invoke drill-down.

Click on a column/bar

Tap on a column/bar

Select multiple facets

Click on a facet holding down ctrl or shift key to select multiple facets.

Ctrl + Click on a column/bar.

Hide/Show series

Click on a legend (if legend is enabled) to toggle visibility of a particular series.

Legend is not enabled by default.

Click on a legend label/bar

Tap on a legend label

Give it a try

That's an actual JavaScript chart demo below.
Hint shows your action to take.

Various charts included in package

Facet Chart JavaScript charts package includes following charts:

Network charts

Graph chart

Grouped network chart

Radial graph

Mind map

Area charts

Smooth area

Area

Multiple areas

Multiple stacked areas

100% stacked

Area & candlesticks

Area & bars

Area & lines

Area, lines & bars

Bar charts

Bars

Stacked

100% stacked

Side by side

Bars

Area & bars

Area, lines & bars

Line charts

Smooth line

Line

Multiple lines

Area, lines & bars

Donut & pie charts

Donut

Multiple level donut

Pie chart

Multiple level pie chart

Gauge charts

Filled gauge

Donut gauge

Multiple level gauge

Stream charts

Single smooth stream

Multiple streams

Multiple smooth streams

Map charts

Location points

Aggregated location points

Bubble map

Donut charts on map

Pie charts on map

Bar charts on map

Connections on map

Shapes on map

Shapes

Candlestick charts

Lines

Bars

Candlesticks & area

Waterfall charts

Time based

Waterfall categories

Matrix charts

Matrix

Hierarchy & flow charts

Hierarchy, bottom top

Flow, bottom top

Bubble charts

Scattered

Ultimate JavaScript Category-Chart package for multi-level category data visualization and exploration

Control at your fingertips.

Animated, multi-level drill-down facet chart that is easy to use.

Drill-down to next sub-category of data

Drill-up one level.

Go back

Finetune zoom

Toggle Lin/Log view

Export displayed view

Select a facet

Select multiple facets

Hide/Show series

Give it a try

That's an actual JavaScript chart demo below.
Hint shows your action to take.

It's easy to set-up and customize

Starting from a simple bar chart to an advanced area chart or multi-level, dynamic & interactive stacked lines chart.

Display Options

Drill-Down

Labels & Legend

Various charts included in package

Facet Chart JavaScript charts package includes following charts:

Facet Chart visualization integration example

ZoomCharts JavaScript charts are designed to save your time on integration and development.

JavaScript code:

End result:

Start creating interactive, professional data visualization quickly and easily using ZoomCharts JavaScript charts library!

Cookie settings

Ultimate JavaScript Category-Chart package for multi-level category data visualization and exploration

Control at your fingertips.

Animated, multi-level drill-down facet chart that is easy to use.

Drill-down to next sub-category of data

Drill-up one level.

Go back

Finetune zoom

Toggle Lin/Log view

Export displayed view

Select a facet

Select multiple facets

Hide/Show series

Give it a try

That's an actual JavaScript chart demo below. Hint shows your action to take.

It's easy to set-up and customize

Starting from a simple bar chart to an advanced area chart or multi-level, dynamic & interactive stacked lines chart.

Display Options

Drill-Down

Labels & Legend

Various charts included in package

Facet Chart JavaScript charts package includes following charts:

Facet Chart visualization integration example

ZoomCharts JavaScript charts are designed to save your time on integration and development.

JavaScript code:

End result:

Start creating interactive, professional data visualization quickly and easily using ZoomCharts JavaScript charts library!

Demo title

That's an actual JavaScript chart demo below.
Hint shows your action to take.