Skip to content

Simple Chart

This demo shows how to use ChartFactor to render a Treemap chart.

The chart below represents data from a Ticket Sales table residing in our Elasticsearch server. It shows the top 10 venue States by total commission.

Click on its different areas to zoom-in. Or hover on them to see tooltips with the appropriate metrics.

Review the complete source code and copy/paste it to create your own.
1
{"action": "import", "url": "../cf-demos/simple-chart/index.html", "lang": "html"}
1
{"action": "import", "url": "../cf-demos/simple-chart/index.js", "lang": "js"}
1
{"action": "import", "url": "../cf-demos/simple-chart/style.css", "lang": "css"}

If you want to see the demo in full screen click here

The Ticket Sales table is derived from the Amazon’s Sample Database for Redshift. The data represents ticket sales activity for the fictional TICKIT web site, where users buy and sell tickets online for different types of events.