mira-visuals

To generate static images for presentation slides using D3.js, you can render diagrams or data charts and capture them as PNG files via Puppeteer. This process enforces design rules like color theming and legibility, saving final visuals to a deck assets folder for direct slide inclusion.

The best way to create 1920x800 horizontal panels and 1920x1920 infographics for decks is using a unified static image generation pipeline. This supports distinct layouts for photorealistic images, diagrams, and square infographics, saving all resulting PNGs predictably into a deck assets directory.

Yes, you can use Puppeteer to automate saving D3.js data charts as PNG files. The skill leverages Puppeteer dependencies to capture rendered D3 visualizations, ensuring non-destructive output by exporting the static images directly to a presentation deck's asset folder.

Yes, you need to specify dimensions when generating static slide visuals, choosing between 1920x800 horizontal panels or 1920x1920 square infographics. Specifying the format ensures the output matches the correct pipeline, whether for full-width diagrams or left-pane photorealistic images.

No, generating static slide images does not overwrite existing presentation source files. The process enforces non-destructive output rules, meaning all newly created PNG visualizations are safely exported and stored in a separate decks/assets directory without writing to linked sources.

Static image pipelines handle color theming for presentation infographics by enforcing a primary_color parameter during generation. This ensures consistent visual legibility and theme alignment across all rendered D3 diagrams, data charts, and captured PNG outputs for the slides.