## Peak Week ### Peak Week ```svelte

Best week

{peak.organic + peak.paid}signups in {peak.week}

OrganicPaid

``` ### npm ```bash npx shadcn-svelte@latest add @evilcharts/peak-echarts-bar-chart ``` ### yarn ```bash yarn dlx shadcn-svelte@latest add @evilcharts/peak-echarts-bar-chart ``` ### bun ```bash bunx --bun shadcn-svelte@latest add @evilcharts/peak-echarts-bar-chart ``` ### pnpm ```bash pnpm dlx shadcn-svelte@latest add @evilcharts/peak-echarts-bar-chart ``` ## Grid Bar Chart ### Grid Bar Chart ```svelte

[Σ] Total {total.toLocaleString()}

[⬆] Peak {maxData.month.slice(0, 3)}

// CELL: 10x10px // TYPE: GRID

String(value).slice(0, 3)} hideDots />

``` ### npm ```bash npx shadcn-svelte@latest add @evilcharts/grid-echarts-bar-chart ``` ### yarn ```bash yarn dlx shadcn-svelte@latest add @evilcharts/grid-echarts-bar-chart ``` ### bun ```bash bunx --bun shadcn-svelte@latest add @evilcharts/grid-echarts-bar-chart ``` ### pnpm ```bash pnpm dlx shadcn-svelte@latest add @evilcharts/grid-echarts-bar-chart ``` ## Monospace Bar Chart ### Monospace Bar Chart ```svelte

[$] Total Sales $ 14,340

[⬆] Top Month June

// X-AXIS: MONTHS // Y-AXIS: SALES

String(value).slice(0, 3)} hideDots />

``` ### npm ```bash npx shadcn-svelte@latest add @evilcharts/monospace-echarts-bar-chart ``` ### yarn ```bash yarn dlx shadcn-svelte@latest add @evilcharts/monospace-echarts-bar-chart ``` ### bun ```bash bunx --bun shadcn-svelte@latest add @evilcharts/monospace-echarts-bar-chart ``` ### pnpm ```bash pnpm dlx shadcn-svelte@latest add @evilcharts/monospace-echarts-bar-chart ``` ## Hover Trace Bar Chart ### Hover Trace Bar Chart ```svelte

[desktop] Value

[month]

{selectedData.month}

`$${value}`} onDataHover={(datum) => (hovered = datum)} > String(value).slice(0, 3)} />

``` ### npm ```bash npx shadcn-svelte@latest add @evilcharts/hover-trace-echarts-bar-chart ``` ### yarn ```bash yarn dlx shadcn-svelte@latest add @evilcharts/hover-trace-echarts-bar-chart ``` ### bun ```bash bunx --bun shadcn-svelte@latest add @evilcharts/hover-trace-echarts-bar-chart ``` ### pnpm ```bash pnpm dlx shadcn-svelte@latest add @evilcharts/hover-trace-echarts-bar-chart ``` ## Isometric Bar Chart ### Isometric Bar Chart ```svelte

[$] Total $ {total}K

[⬆] Peak {peak.month.slice(0, 3)}

// PROJECTION: ISOMETRIC // HIGHLIGHT: MAX

String(value).slice(0, 3)} />

``` ### npm ```bash npx shadcn-svelte@latest add @evilcharts/isometric-echarts-bar-chart ``` ### yarn ```bash yarn dlx shadcn-svelte@latest add @evilcharts/isometric-echarts-bar-chart ``` ### bun ```bash bunx --bun shadcn-svelte@latest add @evilcharts/isometric-echarts-bar-chart ``` ### pnpm ```bash pnpm dlx shadcn-svelte@latest add @evilcharts/isometric-echarts-bar-chart ```