Skip to content

Add Semiotic data visualization cursorrules#207

Open
emeeks wants to merge 3 commits intoPatrickJS:mainfrom
emeeks:main
Open

Add Semiotic data visualization cursorrules#207
emeeks wants to merge 3 commits intoPatrickJS:mainfrom
emeeks:main

Conversation

@emeeks
Copy link

@emeeks emeeks commented Mar 21, 2026

Adds cursor rules for Semiotic, a React data visualization library with 30+ chart types (XY, ordinal, network, geo, realtime), streaming canvas rendering, coordinated views, and a built-in MCP server for AI-assisted chart generation.

  • .cursorrules file with comprehensive component API reference
  • Covers all HOC charts, Stream Frames, coordinated views, and AI tooling

Summary by CodeRabbit

  • Documentation
    • Added Semiotic data visualization reference guide covering 30+ chart types, streaming capabilities, coordinated views, and AI-assisted chart generation features.

emeeks added 3 commits March 21, 2026 15:10
Add Semiotic data visualization cursorrules
Added README for Semiotic Data Visualization with cursor rules.
Added cursor rules for Semiotic data visualization library.
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 21, 2026

📝 Walkthrough

Walkthrough

The pull request adds documentation for Semiotic, a React-based data visualization library. Changes include: an entry in the main README linking to Semiotic rules with description of chart types and MCP server support, a comprehensive .cursorrules file providing AI assistant guidelines for Semiotic development, and a dedicated README documenting the library and its creator.

Changes

Cohort / File(s) Summary
Main README Update
README.md
Added entry to "Rules → Frontend Frameworks and Libraries" section linking to Semiotic rules with description of 30+ chart types, MCP server, and AI-assisted chart generation capabilities.
Semiotic Documentation
rules/semiotic-react-dataviz-cursorrules-prompt-file/.cursorrules, rules/semiotic-react-dataviz-cursorrules-prompt-file/README.md
Added comprehensive AI assistant guide covering Semiotic conventions, chart types (XY, ordinal, network, geo, realtime), common props, event shapes, streaming/push API behaviors, Stream Frame patterns, coordinated views, server-side rendering, and best practices. Includes project README with attribution.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Suggested reviewers

  • PatrickJS

Poem

🐰 Charts bloom in violet hues so bright,
Data dances in streams of light,
Semiotic weaves with D3's grace,
Documentation guides our way through space! ✨📊

🚥 Pre-merge checks | ✅ 3
✅ Passed checks (3 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'Add Semiotic data visualization cursorrules' directly and accurately describes the main change: adding cursor rules documentation for Semiotic, a data visualization library.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

Tip

You can validate your CodeRabbit configuration file in your editor.

If your editor has YAML language server, you can enable auto-completion and validation by adding # yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.json at the top of your CodeRabbit configuration file.

Copy link
Contributor

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹 Nitpick comments (1)
rules/semiotic-react-dataviz-cursorrules-prompt-file/.cursorrules (1)

3-336: Consider adding a compact table of contents for scanability.

Great coverage, but this file is very dense. A short in-file TOC (Quick Start, APIs, Realtime, Pitfalls, Examples) would make it easier to navigate while keeping the same content.

As per coding guidelines, "Use clear and concise language in all documentation and .cursorrules files" and "focus on practical use cases for Cursor AI users."

🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@rules/semiotic-react-dataviz-cursorrules-prompt-file/.cursorrules` around
lines 3 - 336, Add a short, compact Table of Contents near the top that lists
the major sections (e.g., Quick Start, Architecture, Common Props, XY Charts,
Ordinal Charts, Network Charts, Geo Charts, Realtime Charts, Stream Frame
Callbacks, Coordinated Views, ChartContainer, Layout & Composition, Key
Patterns, Annotations, Server-Side Rendering, AI Features, Known Pitfalls,
Examples) and provide anchor-like labels corresponding to the existing headings
(use the exact heading names like "Quick Start", "Realtime Charts", "Known
Pitfalls") so readers can quickly scan; while adding it, tighten language
throughout by replacing long paragraphs with concise bullets or one-line
summaries for each section and surface the most practical use cases for Cursor
AI users (e.g., push API, onObservation, toConfig/fromConfig) under Realtime/AI
sections to improve scanability without changing factual content.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Nitpick comments:
In `@rules/semiotic-react-dataviz-cursorrules-prompt-file/.cursorrules`:
- Around line 3-336: Add a short, compact Table of Contents near the top that
lists the major sections (e.g., Quick Start, Architecture, Common Props, XY
Charts, Ordinal Charts, Network Charts, Geo Charts, Realtime Charts, Stream
Frame Callbacks, Coordinated Views, ChartContainer, Layout & Composition, Key
Patterns, Annotations, Server-Side Rendering, AI Features, Known Pitfalls,
Examples) and provide anchor-like labels corresponding to the existing headings
(use the exact heading names like "Quick Start", "Realtime Charts", "Known
Pitfalls") so readers can quickly scan; while adding it, tighten language
throughout by replacing long paragraphs with concise bullets or one-line
summaries for each section and surface the most practical use cases for Cursor
AI users (e.g., push API, onObservation, toConfig/fromConfig) under Realtime/AI
sections to improve scanability without changing factual content.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: c3a20493-7445-4a0e-9f3b-da15ae76e344

📥 Commits

Reviewing files that changed from the base of the PR and between fc2ce04 and f7b9588.

📒 Files selected for processing (3)
  • README.md
  • rules/semiotic-react-dataviz-cursorrules-prompt-file/.cursorrules
  • rules/semiotic-react-dataviz-cursorrules-prompt-file/README.md

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant