d3fc

Components for building interactive charts with D3(v4)

Loading...
module

Modular

d3fc is a collection of modules that are designed to make it easier to build charts with D3(v4), extending its vocabulary from SVG paths, rectangles and groups, into series, annotation and chart. You can use the modules independently, or you can use them together as part of the default bundle.

responsive

Responsive

With d3fc, building responsive charts that re-render as their size changes is straightforward. For simple charts, use the Cartesian chart component, or create more complex charting layouts with d3fc-element.

canvas / svg

Canvas / SVG

D3(v4) introduced d3-path, which is an abstraction over SVG and Canvas, allowing path generators to write to both. d3fc embraces this pattern throughout our components, all of the d3fc-series components support both Canvas and SVG rendering.

transitions

Transitions

Creating D3 charts where each of the elements transitions correctly is a challenge. All of the d3fc components have been built with transitions support included.

decorate

Decorate

Most chart APIs are complex and expansive in order to provide flexibility. d3fc takes a fundamentally different approach, where the underlying power of the data-join is exposed via the decorate pattern.

composition

Composition

d3fc favours simple interfaces and composition. If the interface for a component does not fulfil your needs, just open it up, look at the code and make use of the lower-level components that it was built with.