How to use react-svg-piechart - 1 common examples

To help you get started, we’ve selected a few react-svg-piechart examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github argoproj / argo-cd / ui / src / app / applications / components / applications-list / applications-summary.tsx View on Github external
import * as React from 'react';
const PieChart = require('react-svg-piechart').default;

import {COLORS} from '../../../shared/components';
import * as models from '../../../shared/models';

const healthColors = new Map();
healthColors.set('Healthy', COLORS.health.healthy);
healthColors.set('Progressing', COLORS.health.progressing);
healthColors.set('Degraded', COLORS.health.degraded);
healthColors.set('Missing', COLORS.health.missing);
healthColors.set('Unknown', COLORS.health.unknown);

const syncColors = new Map();
syncColors.set('Synced', COLORS.sync.synced);
syncColors.set('OutOfSync', COLORS.sync.out_of_sync);
syncColors.set('Unknown', COLORS.sync.unknown);

react-svg-piechart

A lightweight responsive pie chart component for React using only SVG

MIT
Latest version published 3 years ago

Package Health Score

48 / 100
Full package analysis

Popular react-svg-piechart functions