@rcsb/rcsb-charts/lib/RcsbChartExamples/SingleHistogram.js

RCSB Charts

import * as React from "react";
import { createRoot } from "react-dom/client";
import { ChartComponent } from "../RcsbChartComponent/ChartComponent";
import { HistogramChartDataProvider } from "../RcsbChartDataProvider/HistogramChartDataProvider";
import { ChartJsHistogramComponent } from "../RcsbChartImplementations/ChatJsImplementations/ChartJsHistogramComponent";
const node = document.getElementById("chart-element");
if (node == null)
    throw `ERROR: HTML element not found`;
const data = [{
        label: 1,
        population: 1
    }, {
        label: 2,
        population: 2
    }, {
        label: 3,
        population: 3
    }];
const root = createRoot(node);
root.render(React.createElement(ChartComponent, { data: [data], chartComponentImplementation: ChartJsHistogramComponent, dataProvider: new HistogramChartDataProvider(), chartConfig: {
        histogramBinIncrement: 1,
        chartDisplayConfig: {
            constHeight: 600
        }
    } }));
//# sourceMappingURL=SingleHistogram.js.map