Billboard.js

A re-usable charting library based on D3.js, with SVG and Canvas rendering.

← Back to All Libraries

Overview

A re-usable, easy-to-use JavaScript chart library based on D3.js with SVG and Canvas support.

Billboard.js started as a maintained fork and evolution of C3.js. It keeps a friendly charting API while adding modern chart types, better performance options, and active ongoing development from Naver.

Why Choose Billboard.js?

  • Familiar C3-like API with active maintenance
  • Broad chart types including line, bar, pie, radar, and more
  • SVG and Canvas rendering options
  • Strong documentation and plugin ecosystem

Real-World Applications

A solid choice for dashboards, admin panels, and product analytics UIs—especially teams migrating from C3.js or wanting D3 power without writing every chart from scratch.

Example Charts

Live Billboard.js demos — bar, line, and pie.

Bar Chart

Line Chart

Pie Chart

Example Code

Minimal getting-started snippet for Billboard.js.

// npm install billboard.js
import bb, { bar } from "billboard.js";
import "billboard.js/dist/billboard.min.css";

bb.generate({
  bindto: "#chart",
  data: {
    columns: [["sales", 28, 55, 43, 72]],
    type: bar(),
    colors: { sales: "#e8b84a" },
  },
  axis: {
    x: { type: "category", categories: ["A", "B", "C", "D"] },
  },
});