Documentation menu

Quick start

Embedding WebDataRocks is a simple and quick process.

Please follow the steps:

  1. Include
  2. Add your data
  3. See our reporting tool in your website

Step 1: Include

Get WebDataRocks now, open your HTML file and between <body> tags include WebDataRocks with some sample data.

<div id="wdr-component"></div>
<link href="" rel="stylesheet"/>
<script src=""></script>
<script src=""></script>
var pivot = new WebDataRocks({
	container: "#wdr-component",
	toolbar: true,
	report: {
		dataSource: {
			filename: ""

You can see how this code is working in our live demo on CodePen.

Step 2: Add your data

Add your own file with JSON or CSV data by specifying the URL to your file in filename:

filename: "URL-to-your-CSV-or-JSON-file"

Step 3: See our reporting tool in your website

Hooray! WebDataRocks is embedded and ready to use.

See also