Have you ever wanted to print some pretty bar charts in your terminal? You are in the right place!
Wunderbar can print horizontal bar chart with legend and chart scale straight to your terminal. Or you can use it as a module in your code and get all the building blocks to print chart yourself.
echo "[1, 2, 3, 4, 5]" | npx @gribnoysup/wunderbar --min 0
cat data.json | npx @gribnoysup/wunderbar --min 0
cat data.json | npx @gribnoysup/wunderbar --min 0 --sort min --view condensed
npm i --save @gribnoysup/wunderbar
const wunderbar = require('@gribnoysup/wunderbar');
const data = require('./data.json');
const printData = () => {
const { chart, legend, scale, __raw } = wunderbar(data, {
min: 0,
length: 42,
});
console.log();
console.log(chart);
console.log();
console.log(scale);
console.log();
};
printData();
-
Wunderbar supports only node >= 8
-
Wunderbar uses
chalk.hex
to add color to your charts. Chalk is pretty smart to downgrade the color if it is not supported by your terminal, but output may vary in different terminals. -
"condensed"
chart view uses half box symbols to squash two chart bars to one line. Quality of the output is heavily dependant on your terminal font settings. Also min to max charts are looking much more prettier than the other way around in this mode ¯\_(ツ)_/¯. Use with caution
wunderbar(values, [options]) ⇒ OutputValue
Param | Type | Default | Description |
---|---|---|---|
values | Array<InputValue> |
Values to draw on a chart | |
[options] | Object |
Chart drawing options | |
[options.view] | "normal" | "condensed" |
"normal" |
Chart view type |
[options.min] | number |
min value from values | Min chart value (inclusive) |
[options.max] | number |
max value from values | Max chart value (inclusive) |
[options.length] | number |
terminal width | Chart length |
[options.sort] | "min" | "max" | "none" | (a: NormalizedValue, b: NormalizedValue) => boolean |
"none" |
Sort method for chart values |
[options.randomColorOptions] | Object |
{} |
randomColor options for color generation |
All options are also supported in the cli version:
echo "[10, 30, 50, 70, 90, 110]" | \
npx @gribnoysup/wunderbar --view normal --min 0 --max 100 --length 42 --sort min --randomColorOptions '{ "seed": "unicorn" }'
InputValue :
{ value: number, color?: string, label?: string } | number | string
OutputValue :
{ legend: string, scale: string, chart: string, __raw: RawData }
RawData :
{ chartLength: number, minValue: number, maxValue: number, normalizedValues: NormalizedValue[] }
NormalizedValue :
{ normalizedValue: number, rawValue: number, color: string, label: string, lineLength: number }