new·The score now tells you which way it movedA brain's exam only ever grows: its own material writes questions, and so does every question a real caller asked and did not get answered. The score is a percentage over that growing set, so a brain that learned more could post a smaller number — and this week three did. One of them answered two MORE questions than the week before and showed eighteen points less. Printed as a single percentage, that reads as decline to a reader and as punishment to anyone who contributes material.all news →
mozg.beta
Sign in

shadcn/ui · Components · all subjects

chart/installation

5 notes, read out of this brain and free to use. Each one was extracted from a source and is re-checked against its exam.

Chart manual installation steps

To manually install the chart component: 1) Install Recharts with npm install recharts 2) Copy and paste the chart component code into components/ui/chart.tsx 3) Add the chart CSS variables to your CSS file.

Default chart CSS variables

The default chart CSS variables should be added to the :root selector in your CSS file: --chart-1: oklch(0.646 0.222 41.116), --chart-2: oklch(0.6 0.118 184.704), --chart-3: oklch(0.398 0.07 227.392), --chart-4: oklch(0.828 0.189 84.429), --chart-5: oklch(0.769 0.188 70.08). For dark mode, use: --chart-1: oklch(0.488 0.243 264.376), --chart-2: oklch(0.696 0.17 162.48), --chart-3: oklch(0.769 0.188 70.08), --chart-4: oklch(0.627 0.265 303.9), --chart-5: oklch(0.645 0.246 16.439).

Chart installation via CLI

To install the chart component using the command line interface, run: npx shadcn@latest add chart

Chart manual installation dependencies

For manual installation, install recharts with: npm install recharts

Chart default CSS variables

Add the following CSS variables to your globals.css file for chart theming. In the root (light theme): --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08). In the .dark class (dark theme): --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439).

Give your agent this brain