---

---

<title>Index of dc.js examples</title>

<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">

<style>

.table-form {

table-layout:fixed;

/* width: 25%; */

span:4

}

</style>

<div class="container">

<h2>Examples of using dc.js</h2>

<p>An attempt to present a simple example of each chart type.</p>

<p>Also see <a href="../transitions/">transitions</a> &ndash; <a href="../resizing/">resizing</a> &ndash; <a

href="../zoom/">zoom</a>.</p>

<p>Contributions <a href="https://github.com/dc-js/dc.js/blob/master/CONTRIBUTING.md">welcome</a>.

Source <a href="https://github.com/dc-js/dc.js/tree/develop/web-src/examples">

here</a>.</p>

{% assign grouped_links = site.data.examples | group_by: "difficulty-level" | sort: "name" %}

{% for group in grouped_links %}

<h2>{{ group.name }}</h2>

<table class = "table table-form">

<tbody>

{% tablerow link in group.items cols:4 %}

<a href='{{ link["example-name"] }}.html'>{{ link["example-name"] }}</a>

{% endtablerow %}

</tbody>

</table>

{% endfor %}

</div>