@d3fc/d3fc-element/index.js

Custom HTML elements that make it easier to create responsive visualisations that integrate easily with other UI frameworks (e.g. React, Angular)

/* globals customElements */
import Canvas from './src/canvas';
import Group from './src/group';
import Svg from './src/svg';
import './src/css';

if (
    typeof customElements !== 'object' ||
    typeof customElements.define !== 'function'
) {
    throw new Error(
        'd3fc-element depends on Custom Elements (v1). Make sure that you load a polyfill in older browsers. See README.'
    );
}

const alreadyRegistered = [];
const registerElement = (name, element) => {
    if (customElements.get(name)) {
        alreadyRegistered.push(name);
    } else {
        customElements.define(name, element);
    }
};

registerElement('d3fc-canvas', Canvas);
registerElement('d3fc-group', Group);
registerElement('d3fc-svg', Svg);

if (alreadyRegistered.length > 0) {
    console.warn(
        `The d3fc components "${alreadyRegistered.join(
            ', '
        )}" is/are already registered on window. Be aware that this can create compatibility issues if different versions are used.`
    );
}