3-5 New Charts by ekoslow1-creator · Pull Request #4 · Sefaria/powered-by

ekoslow1-creator · 2026-07-29T06:29:51Z

New charts for the dashboard

Test PR for coolify

Documents the component architecture, live API integration (sefaria.org/api/powered-by), and the project_category data-quality handling agreed on during brainstorming. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

The API's project_category field decomposes against 5 real form labels (one legacy naming variant) plus freeform "Other:" text - not the 6 categories shown on developers.sefaria.org as originally assumed. Verified by decomposing all 36 live entries with zero unmatched leftovers. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

…esign)

…vation

Pre-existing uncommitted work from the primary checkout (tabbed sidebar dashboard, initial Charts and Analytics bar charts, keyword/submissions-trend utils, recharts dependency), captured as a single baseline commit so the experience-level trend chart plan's tasks diff cleanly on top of it. Not part of this plan's scope.

…ience-level labels render and aren't clipped

…ation comment, margin, empty-data guard)

…ate-of-dashboard First deploy

…r bucketing Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

…pty experience trend - getToolUsageCounts now filters sefaria_tools_used to string entries before normalizing, so a non-string entry (null, number, etc.) in this free-text user-submitted field is skipped instead of throwing and blanking out all four Charts & Analytics charts via the outer catch handler. - Move the experienceTrend.length === 0 empty-state message inline (matching the pie chart's own conditional-render guard) instead of an early return, so the two bar charts and the pie chart still render when there's no experience-level data. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Shares VIBE_CODED_SERIES between submissionsTrend.js and ChartsAndAnalytics.jsx (mirroring the EXPERIENCE_LEVELS precedent) instead of hardcoding the strings twice, and adds a one-sentence caption noting vibe_coded is a newly-tracked field so the chart isn't misread as a real overnight trend reversal. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Extracts known technology names from the free-text tech_used_raw field via case-insensitive substring matching, with "Claude Code" checked and excluded first so it doesn't double-count toward the generic Claude/Anthropic API bucket. Shows the top 8 by project count as a horizontal bar chart, matching the existing keyword-frequency chart's style.

Reuses the fixed-order categorical hue palette already used in the charts (blue/orange/aqua/violet/magenta, gray for Uncategorized). Background and border are computed via color-mix() at low strength so each pill stays pale; text is mixed toward --text-h for a muted look instead of a fully saturated hue.

…chart Recharts' category axis auto-hides tick labels it calculates would overlap; interval={0} disables that, and the wider axis column gives longer labels like "Claude/Anthropic API" room to fit.

gitvelocity-reviewer · 2026-07-29T06:30:43Z

📊 Code Quality Score: 42/100

52 × 0.8 = 41.6 ≈ 42

Category	Score	Factors
🔭 Scope	13/20	12 files across components, CSS, and 4 utility modules; new user-facing charts; cross-cutting data→component→style layers
🏗️ Architecture	8/20	New utility modules follow established patterns; no new external dependencies; clean data/presentation separation; no new service boundaries
⚙️ Implementation	11/20	normalizeEndpoint longest-match-first algorithm; getTechCounts special-case stripping before pattern matching; CSS color-mix cascade; recharts animation workaround; endpoint deduplication per project
⚠️ Risk	5/20	Additive changes only; no data mutations, auth, or migrations; CSS margin-left hardcoded calculation is fragile but low blast radius
✅ Quality	13/15	Comprehensive tests >90% coverage on all new utility modules; edge cases covered (empty, non-string, boundary at 6, deduplication); good inline comments explaining non-obvious decisions
🔒 Perf / Security	2/5	Other bucket prevents unbounded pie chart rendering; no security concerns; no benchmarks or explicit perf work needed at this scale

Was this score accurate? 👍 Yes · 👎 No

_{Scored by GitVelocity · How are scores calculated?}

saengel

Overall, fantastic work! Some comments and learning opportunities - happy to review together when we meet next.

saengel · 2026-07-29T07:16:06Z


+// Fixed-order categorical hues; gray is reserved for the "Other" bucket and
+// is never one of the 6 identity colors.
+const TOOL_SLICE_COLORS = ['#2a78d6', '#eb6834', '#1baf7a', '#eda100', '#e87ba4', '#008300']


Do these match the Sefaria-specific color palette? Worth a quick check (for all of the colors used)

@ekoslow1-creator was this addressed?

I took a look at the code, the colors it uses are the Sefaria colors. I wonder if it doesn't look quite right because the category labels (on each ProjectCard) are different colors for uniqueness. Should I play around with those labels and try to do blues only that are similar to the Sefaria website?

Ah ok, to clarify - let's have all of the colors on the site be pulled from the Sefaria color palette, does that make sense?

saengel · 2026-07-29T07:17:26Z

      </ResponsiveContainer>

      <h2>Submissions by experience level</h2>
+      {experienceTrend.length === 0 ? (


Each chart should be scoped into its own wrapper React component and JSX file, and then rendered here to make the code more readable, organized and reusable.

(Learn more about this practice here)

Fixed this, will submit in new pull request

saengel · 2026-07-29T07:18:51Z

+                label={(props) =>
+                  props.index === experienceTrend.length - 1 ? (
+                    <text
+                      x={props.x + 6}


What's going on with the calculations here? Why is it necessary to add 6?

The +6 just offsets the last label 6 pixels to the right of the dot so that it's not overlapping with the dot

saengel · 2026-07-29T07:19:17Z

+
+      <h2>Most-used Sefaria API endpoints</h2>
+      {toolUsage.length === 0 ? (
+        <p>No endpoint data available yet.</p>


I'd change this text (everywhere on the page) to Data unavailable

saengel · 2026-07-29T07:19:33Z

+
+      <h2>Vibe-coded vs. not, past 12 months</h2>
+      <p>
+        "Vibe-coded" is a newly-tracked field, so earlier months may be undercounted or unreported rather than confirmed non-vibe-coded.


This is a helpful caveat

saengel · 2026-07-29T07:19:59Z

+        </ResponsiveContainer>
+      )}
+
+      <h2>Vibe-coded vs. not, past 12 months</h2>


More accurate to say tracked since July 2026 since we unfortunately don't have it explicitly from much earlier

saengel · 2026-07-29T07:20:42Z

@@ -1,3 +1,5 @@
+import { getCategoryColor } from '../utils/categories.js'
+


This is a great example of a small, composable component

saengel · 2026-07-29T07:21:50Z

@@ -0,0 +1,21 @@
+import { test } from 'node:test'


Wonderful that you added tests - always important. Let's reassess the best testing framework etc soon, we use Playwright on Sefaria-Project, might be worth aligning.

saengel · 2026-07-29T07:33:39Z

@@ -1,2 +1,2 @@
 :root {
  /* Sefaria brand palette */


I would double check, not sure Claude got it right. Let's also make this the one source of truth for the colors if possible and import from here as much as possible.

saengel · 2026-07-29T07:34:41Z

+// get counted toward the generic Claude/Anthropic API bucket.
+const CLAUDE_CODE_PATTERN = 'claude code'
+
+export const KNOWN_TECHNOLOGIES = [


This probably needs to be more robust to be useful in the future, might be a bit too fitted to the current data - but we can leave for now and remove in the future/adapt as needed.

Extracts the six recharts blocks out of ChartsAndAnalytics.jsx into dedicated presentational components (one file per chart), each owning its chart-specific colors/constants. ChartsAndAnalytics.jsx now only handles data fetching/derivation and renders each chart with props. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

saengel

Still needs a few more changes - one in specific is very important, will follow up in a message.

saengel · 2026-08-04T10:13:49Z

@@ -0,0 +1,295 @@
+id,submission_date,created_at,updated_at,submission_source,sefaria_tools_used,tech_used_raw,technical_experience,vibe_coded,project_why,project_name,project_link,project_source_code,project_reach,project_desc,project_category,image_url,has_pbs_logo,tags,status,is_buggy,last_checked,consent_to_display,is_published,featured


We shouldn't be committing this file for two reasons:

It contains information we aren't publicly displaying (as per the form) and we need to be careful it's not available to the public, even via GitHub/Git history

It will ultimately live in the database which will be the source of truth - and we don't want this to get confusing.

Please remove this file from the PR, and there's a way to push (not remembering exactly off the top of my head) that wipes the history for the PR so this file is not longer publicly available.

saengel · 2026-08-04T10:15:02Z

These broken down charts are a step in the right direction, I'm wondering if we can generalize them even more, have 1 bar chart component, 1 line chart etc, and then pass in the data/params as needed to configure for each specific data series we're trying to display.

saengel · 2026-08-04T10:15:20Z

@@ -1,32 +1,27 @@
 import { useEffect, useState } from 'react'


Much better!

saengel and others added 30 commits June 30, 2026 09:01

Initial commit

13e4210

working react template

2c2bb31

customize template

f55715a

add favicon, remove template assets, add image for testing

396c3af

Merge pull request #1 from Sefaria/add-images

3110f50

Test PR for coolify

ci

7cc33a1

Merge branch 'main' of https://github.com/Sefaria/powered-by

bf6d43d

Add v1 design spec for the powered-by dashboard

3278e88

Documents the component architecture, live API integration (sefaria.org/api/powered-by), and the project_category data-quality handling agreed on during brainstorming. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

feat: add category label utility for powered-by dashboard

cadfd7e

feat: add fetchProjects data module for the powered-by API

c6db893

feat: add ProjectCard component

8209cee

feat: add ProjectGrid component

b12dc61

feat: wire Dashboard into App with fetch + loading/error states

7c8fa31

feat: add Controls component (search, category filter, count)

4596a75

feat: add search, category filter, and sorting to Dashboard

4093fac

style: add dashboard layout and card styling

fe2ab9a

docs: mark dashboard v1 plan tasks complete

d53ffe4

docs: add design spec for ProjectCard description truncation

5f44dc1

docs: add implementation plan for ProjectCard description truncation

199da9e

feat: add description clamp and overflow-detection to ProjectCard

b7239af

style: add clamp and toggle styling for ProjectCard descriptions

81acd71

style: change description clamp from 3 to 5 lines

e21d3bd

docs: add design spec for scrollable description (supersedes toggle d…

db22c76

…esign)

feat: replace view-more toggle with scrollable fixed-height description

f39b55b

docs: mark superseded design/plan docs, comment the clamp height deri…

df145d1

…vation

docs: add design spec for tabbed sidebar navigation

36a8927

feat: add Sidebar tab navigation component

b304b1f

feat: add Charts and Analytics placeholder component

73b949e

feat: wire up tabbed sidebar navigation in App

41fa1e9

Sefaria Intern and others added 22 commits July 28, 2026 10:17

docs: add implementation plan for experience-level trend chart

c0a6261

feat: add technical-experience level mapping utility

1421d24

docs: fix broken node --test invocation in plan

635ea13

feat: add monthly submissions trend broken out by experience level

7609513

feat: add experience-level submissions trend chart

01b356b

fix: widen LineChart right margin and disable Line animation so exper…

97289f0

…ience-level labels render and aren't clipped

fix: address final review findings (chart range, label contrast, anim…

5cea5b5

…ation comment, margin, empty-data guard)

fix: removed docs/superpowers/

e50ed66

fix: adding .gitignore

24c7bfb

Merge pull request #3 from Sefaria/feature/sc-46082/deploy-current-st…

516a79e

…ate-of-dashboard First deploy

feat: add sefaria API endpoint normalization util

b3983cf

feat: add per-project deduped endpoint usage counting with top-6+Othe…

21a4dee

…r bucketing Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

feat: add pie chart of most-used Sefaria API endpoints

970532b

feat: add vibe-coded vs not-vibe-coded monthly trend util

66a78d2

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

feat: add vibe-coded vs not-vibe-coded trend chart

28e3176

feat: widen and left-align the search bar under the developers logo

64bf0ab

fix: force every technology label to render on the Technologies used …

939feb2

…chart Recharts' category axis auto-hides tick labels it calculates would overlap; interval={0} disables that, and the wider axis column gives longer labels like "Claude/Anthropic API" room to fit.

ekoslow1-creator requested a review from saengel July 29, 2026 06:29

saengel requested changes Jul 29, 2026

View reviewed changes

saengel requested changes Aug 4, 2026

View reviewed changes

ekoslow1-creator closed this Aug 4, 2026

ekoslow1-creator force-pushed the feature/sc-46083/create-3-5-charts branch from 04d04ce to 165797e Compare August 4, 2026 11:44

ekoslow1-creator mentioned this pull request Aug 4, 2026

3-5 New Charts #6

Closed

		@@ -1,3 +1,5 @@
		import { getCategoryColor } from '../utils/categories.js'

		@@ -0,0 +1,295 @@
		id,submission_date,created_at,updated_at,submission_source,sefaria_tools_used,tech_used_raw,technical_experience,vibe_coded,project_why,project_name,project_link,project_source_code,project_reach,project_desc,project_category,image_url,has_pbs_logo,tags,status,is_buggy,last_checked,consent_to_display,is_published,featured

		@@ -1,32 +1,27 @@
		import { useEffect, useState } from 'react'

Uh oh!

Conversation

ekoslow1-creator commented Jul 29, 2026

Uh oh!

gitvelocity-reviewer Bot commented Jul 29, 2026

📊 Code Quality Score: 42/100

Uh oh!

saengel left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

saengel left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants