JSFiddle - React, Tailwind, and code Playground

by Costa Tsaousis

HTML

<html>
<head>
<script src="https://registry.my-netdata.io/dashboard.js"></script>
</head>
<body>

<div data-netdata="system.cpu" data-chart-library="gauge" data-after="-300" data-width="200px" data-height="200px"></div>
<div data-netdata="system.cpu" data-after="-300" data-width="calc(100% - 210px)" data-height="140px"></div>

<div data-netdata="system.ram" data-chart-library="gauge" data-dimensions="used|buffers|active|wired" data-append-options="percentage" data-units="%" data-gauge-max-value="100" data-title="Used Ram" data-after="-300" data-width="200px" data-height="200px"></div>
<div data-netdata="system.ram" data-after="-300" data-width="calc(100% - 210px)" data-height="140px"></div>

<div data-netdata="system.ctxt" data-chart-library="gauge" data-after="-300" data-width="200px" data-height="200px"></div>
<div data-netdata="system.ctxt" data-after="-300" data-width="calc(100% - 210px)" data-height="140px"></div>

</body>
</html>