https://ramdi.fr/tags/svg/Recent content in Svg on Noureddine RAMDIHugoenSat, 23 May 2026 20:41:27 +0000https://ramdi.fr/github-stars/diagram-design-generating-editorial-quality-svg-diagrams-with-progressive-disclosure-architecture/Tue, 05 May 2026 13:37:39 +0000https://ramdi.fr/github-stars/diagram-design-generating-editorial-quality-svg-diagrams-with-progressive-disclosure-architecture/diagram-design generates 14 editorial-quality SVG diagram types as self-contained HTML+SVG files with zero JavaScript. It uses a clever progressive disclosure pattern to keep references lean and supports accessible theming.https://ramdi.fr/github-stars/3dsvg-client-side-svg-extrusion-to-interactive-3d-scenes-with-react-three-fiber/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/3dsvg-client-side-svg-extrusion-to-interactive-3d-scenes-with-react-three-fiber/3dsvg extrudes SVG paths into 3D scenes using React Three Fiber, with a Next.js editor rendering the same components for WYSIWYG parity and client-side export to PNG, video, and 3D models.https://ramdi.fr/github-stars/fireworks-tech-graph-natural-language-to-production-ready-ai-and-uml-diagrams-with-embedded-visual-styles/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/fireworks-tech-graph-natural-language-to-production-ready-ai-and-uml-diagrams-with-embedded-visual-styles/fireworks-tech-graph is a Claude Code skill that generates production-quality SVG and PNG technical diagrams from natural language, supporting 7 visual styles and 14 UML types plus AI agent patterns.https://ramdi.fr/github-stars/generating-architecture-diagrams-as-standalone-html-with-claude-ai-skills/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/generating-architecture-diagrams-as-standalone-html-with-claude-ai-skills/This repo uses a Claude AI skill to generate dark-themed system architecture diagrams as self-contained HTML/SVG files with zero dependencies, using semantic color coding and prompt engineering.https://ramdi.fr/github-stars/github-readme-stats-serverless-dynamic-github-stats-with-percentile-based-ranking/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/github-readme-stats-serverless-dynamic-github-stats-with-percentile-based-ranking/github-readme-stats generates dynamic SVG GitHub user stats cards with percentile-based ranks, deployed serverless on Vercel with caching to handle API rate limits.https://ramdi.fr/github-stars/automating-professional-svg-logo-generation-with-a-structured-ai-workflow/Mon, 04 May 2026 10:23:01 +0000https://ramdi.fr/github-stars/automating-professional-svg-logo-generation-with-a-structured-ai-workflow/This Claude Code skill generates 6+ professional SVG logo variants through a 5-phase AI-driven workflow and produces high-quality showcases using Gemini 3.1. It blends design rigor with automation.https://ramdi.fr/github-stars/mind-map-wizard-ai-powered-mind-maps-with-a-custom-svg-rendering-engine/Mon, 04 May 2026 10:23:01 +0000https://ramdi.fr/github-stars/mind-map-wizard-ai-powered-mind-maps-with-a-custom-svg-rendering-engine/Mind-Map-Wizard generates interactive mind maps from AI-generated markdown outlines using a custom SVG engine and keeps all data local for privacy.https://ramdi.fr/github-stars/snapdom-flexible-zero-dependency-dom-snapshotting-with-a-reusable-capture-pipeline/Mon, 04 May 2026 10:23:01 +0000https://ramdi.fr/github-stars/snapdom-flexible-zero-dependency-dom-snapshotting-with-a-reusable-capture-pipeline/SnapDOM captures DOM subtrees as images or SVGs using a reusable clone and plugin hooks. It’s zero-dependency, extensible, and handles complex CSS and iframes.https://ramdi.fr/github-stars/generating-dynamic-github-contribution-streak-stats-as-svg-images/Sat, 02 May 2026 20:07:04 +0000https://ramdi.fr/github-stars/generating-dynamic-github-contribution-streak-stats-as-svg-images/This PHP project generates customizable SVG images displaying GitHub contribution streaks for profile READMEs, with self-hosting and theming options.