ChartArt Studio

Sample Projects

ChartArt project files are listed automatically from chartart_assets/sample_projects. Place saved .json project files in that folder, then refresh the list.

3 projects found

Background Artwork

Scrollable samples are read automatically from chartart_assets/sample_backgrounds.

Upload background (JPG, PNG, WebP, BMP, GIF)

Background Adjustments

Fit Zoom

X offset

Y offset

Brightness Contrast Saturation Blur Animate GIF backgrounds while editing

Chart Source

Dashboard wheels and files in chartart_assets/sample_charts appear here.

Upload chart image

Image Overlay

Scrollable samples are read automatically from chartart_assets/sample_images. PNG files with transparency work especially well.

Upload image overlay

Text Art Overlay

Scrollable text-art images are read automatically from chartart_assets/sample_textart. Transparent PNG files work especially well for decorative words, names, dates, quotations, and memorial lettering.

Upload text art image

Canvas / Print Size

Preset

Width

Height

Project View

Display Zoom — Project View Only

View zoom 100%

This changes only the on-screen view. It does not resize, move, recolor, or alter any object, and PNG exports retain the full project resolution.

Layers

Chart Wheel

Scale Rotation

X

Y

Opacity

Remove white / near-white background White threshold Edge softness Recolor dark linework Replacement color Dark threshold Preserve strongly colored glyphs and aspect lines

Blend mode

Image Overlay

Show image overlay Scale Rotation

X

Y

Opacity Blend mode

Remove white / near-white background White threshold Edge softness

Text Art Overlay

Show text art overlay Scale Rotation

X

Y

Opacity Blend mode

Remove white / near-white background White threshold Edge softness

Text

X

Y

Size

Color

Font Alignment Bold Shadow / outline Translucent background panel

Color Tools

Specific Color Switcher

Target Color to replace

Replacement color

Replace matching color with transparency Match tolerance 32 Replacement strength 100% Preserve highlights and shading

Choose a target, then detect its most common colors.

No color changes applied.

Color changes and transparency replacements are non-destructive and are saved with the project. The eyedropper can sample the canvas or, in supported browsers, any visible color on screen.

Fine Positioning

Drag the selected chart, image overlay, text-art overlay, or text layer directly on the canvas. Use the normal mouse wheel to scroll the page. Hold Ctrl while rolling over the canvas only when you want to resize the selected chart, image overlay, or text-art overlay. The Project View slider zooms only the editor view. Project files preserve all selected assets, color changes, processing settings, text, and positions.

Ready.