repowiserepowise
Sign in
processing/p5.js
OverviewDocsArchitectureKnowledge GraphFilesCode HealthSecurityRefactoring

People & History

CommitsContributorsDecisions
Chat
Stats
repowiserepowise
ExplorePricingDocs
Sign in
repowiseprocessing/p5.js
P5
P5

processing / p5.js

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org

JavaScript★ 24,088
Use in your agentAsk this codebase

github.com/processing/p5.js·Indexed at 7ec468e·27d ago·Up to date with upstream

About this codebase

module_service -->|"19"| module_src module_src -->|"17"| module_service ```

Written by gpt-5.4-nano from the index

1,299 files and 2,997 symbols in 7 modules, led by JavaScript (551 files) and TypeScript (7).

Start reading

  • Knowledge graph1,299 files and how they depend on each other.→
  • WGSL Shader LibraryDocumentationDocumentation for src/webgpu/shaders, written by gpt-5.4-nano.→
  • Decoupled loading indicators from main.jsDecisionProposed decision, from commit history.→

Code health

6.5out of 10Fair

This codebase scores 6.5 out of 10 for code health, which we rate fair. It also scores maintainability 7.8 and static performance 9.8 out of 10. The three are scored separately and never blended into one number. Risk is concentrated, as it usually is: 47 of 1,299 files are git hotspots, and they average 3.8 — which is where the fixes pay off most.

Full health report →

On the leaderboards:#8 of 12 JavaScript repos

Do next

Nothing stands out in the week to Sep 10, the last indexed commit.

Improve what Repowise can see

  • Add a test coverage report

    Without one, Repowise cannot tell tested code from untested code, so every test-related action says “unknown”.

    line coverage
    Unknown, no report
    Small effort
All actions in the Overview →

Use processing/p5.js in your agent

Point Claude Code, Cursor, Codex or VS Code at this repository. Your agent gets the index this page is built from: cited answers, callers, history and health for any file.

https://api.repowise.dev/mcp/processing/p5.js

One command, run anywhere. Adds the server to your local Claude Code config.

Docs
bash
claude mcp add --transport http repowise https://api.repowise.dev/mcp/processing/p5.js \
  --header "Authorization: Bearer rw_live_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
The snippet shows a placeholder key. Generate one to get a copyable secret.
Sign in and create an API key to connect.Sign in

This repo is public, so anyone with a Repowise account and an API key can connect.

Try asking

  • get_overview()
  • get_answer("how is p5.js put together?")
  • get_why("why is p5.js structured this way?")

Prefer local? pip install repowise && repowise init indexes your own checkout, no account needed.

Go deeper

  • OverviewEverything the index found, what changed this week, commits and decisions.→
  • DocumentationModule-by-module documentation, 624 pages, 23 written by a model.→
  • ArchitectureDependency graph, layers and third-party dependencies.→
  • Code healthEvery file's score, the findings behind it, tests and refactoring plans.→
  • CommitsEach commit's effect on code health, with agent provenance.→
  • ContributorsWho owns what, and where one person holds most of the knowledge.→
  • DecisionsArchitectural decisions mined from commits and pull requests.→
  • Ask this codebaseSign inGrounded answers over the indexed code.→

Maintain this repo? Claim the page

Sign in with GitHub and we check that you are an admin or maintainer of processing/p5.js. Then add a badge to the README that links readers here.

Use this repo from Claude or ChatGPT

Add this URL as a custom connector and sign in with repowise when asked. No API key to copy.

https://api.repowise.dev/mcp/processing/p5.js
Sign up to connect

For maintainers

Add a badge to your README

Every badge is public, cached, and updates on its own after every index. Nothing to install.

Repowise badge

Links to this page, with no score on it. Adding it also re-indexes the repo every week.

Repowise badge preview
[![repowise.dev](https://api.repowise.dev/badge/wiki/processing/p5.js.svg)](https://repowise.dev/repo/processing/p5.js?src=badge_wiki)

Code health badge

The repo's health score out of 10, from the latest index.

Code health badge preview
[![repowise.dev code health](https://api.repowise.dev/badge/health/processing/p5.js.svg)](https://repowise.dev/repo/processing/p5.js?src=badge_health)

Code health card

A larger card with the score, its change since the last index, and when it was measured. The HTML version follows the reader's light or dark theme.

Code health card preview
[![repowise.dev code health](https://api.repowise.dev/badge/health/processing/p5.js.svg?style=card)](https://repowise.dev/repo/processing/p5.js?src=badge_card)

How processing/p5.js works

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. Looking for p5.js 2.0? http://beta.p5js.org This page is a map of the processing/p5.js repository, written primarily in JavaScript, rebuilt from the source each time it is indexed. Repowise parses every symbol, computes a dependency graph, scores per-file code health from complexity, duplication, test coverage and churn, mines git history for hotspots and ownership, and lifts the architectural decisions into documentation you can read here or query through MCP.

The codebase has 1,299 files and 2,997 symbols in 7 modules, led by JavaScript and TypeScript. Code health is 6.5 out of 10, rated fair.

Use the links above to open each view, or connect this repository to your agent for grounded answers inside Claude, Cursor, Codex or VS Code.