Project 14 - Outcomes with chartsPro

Project outcomes section pairing a line chart of weekly active users before and after launch with a bar chart of task completion times, each in a bordered card with a headline stat.

About Project 14

Project outcomes section pairing a line chart of weekly active users before and after launch with a bar chart of task completion times, each in a bordered card with a headline stat.

Project 14 is a project block for React and Tailwind CSS, included in Chocolate UI Pro. It ships as 81 lines of TypeScript you own: every piece of copy is a prop with a sensible default, so you can drop it in and replace the content without touching the layout.

  • outcomes
  • charts
  • results
  • analytics

Installation

  1. Set up your project with npx chocolateui init and npx chocolateui login (see the installation guide).
  2. Run the Chocolate UI CLI:
npx chocolateui add project-14

Uses: bar-chart, line-chart, reveal, utils.

Usage

import Project14 from "@/components/blocks/project-14"

export default function Page() {
  return <Project14 />
}

FAQ