MDK Logo
ReferenceUI KitReactUI Kit coreComponents

Chart components

Data visualization components for mining metrics

Chart components for visualizing time-series data, metrics, and statistics. Built on Chart.js and Lightweight Charts, supporting:

  • Chart types: components that render datasets (AreaChart, BarChart, DoughnutChart, GaugeChart, LineChart)
  • Domain chart wrappers: opinionated chart components with preset layouts and series config (AverageDowntimeChart, ThresholdLineChart, OperationsEnergyCostChart)
  • Composition elements: layout chrome, legends, stats rows, and chart utilities (ChartContainer, ChartStatsFooter, DetailLegend, MinMaxAvg, helpers)

Prerequisites

All chart type components

Browse the sidebar for the full, always-up-to-date list — each chart component links to its own reference page (description, props, usage, and a runnable example).

Components

Core UI components for building Bitcoin mining application interfaces

AreaChart

Presentational Chart.js area chart (Line with fill). Data must be provided via props; this component does no fetching of its own.

On this page

PrerequisitesAll chart type components