Home
Icon Collections
Emoji symbols
Table generator
Chart generator
Form generator
Squircle generator
Color Shade Generator
Report bug
×
Report a bug
Describe what went wrong - the page you're on is included automatically.
Send
Table
Form
Top navigation
Side navigation
Context menus
Checkbox list
Radio button list
Toggle switch button
Button Animation
New
Text field
Date field
Combobox
Dropdown
TreeView
Charts
Pie chart
Donut chart
Gauge chart
Speedometer chart
Column chart
Stacked column chart
Bar chart
Stacked bar chart
Line chart
Area chart
Column and line chart
Funnel chart
Pyramid chart
Bubble chart
Sunburst chart
Spiderweb chart
Squircle
Color Shade Generator
SVG Bubble Chart Maker
Create svg bubble chart online with dynamic parameters. Best for showing three values at once - two axes plus bubble size - like price vs rating vs sales volume, to spot correlations a plain scatter plot can't show.
Copy SVG to Adobe XD, Figma, Sketch, Illustrator...
Chart settings
Chart size
W
H
Bar radius
Slice gap
Slice radius
Chart title
Show data labels
Show legend
Show yAxis title
Show marker
Smoothed line
Percentage item
Enable 3D
FontFamily
Color palette
Generate from your brand color
Contrast
Sequential (single hue) - ordered/magnitude data (low to high)
Sequential (multi-hue) - ordered data, clearer step-to-step distinction
Diverging - data with a meaningful midpoint
Qualitative - categorical data, no inherent order
Pie size (%)
Donut inner size (%)
CHART DATA
Color
Name
Value
+ Add more item
Color
Name
Group col
+ Add more item
LINES
Color
Name
+ Add more item
CATEGORIES
Name
Column value
Line value
+ Add more category
CATEGORIES
Name
Value
+ Add more category
BUBBLES
Color
Name
X
Y
Value
+ Add more item
ITEMS
Click to edit. Use Arrow keys, Enter key to move the mouse pointer.
+ Add node
Done color
Remaining color
Tick color
Dial color
% completed
Icon selector
Style
All styles
Color:
Stroke:
1px
1.5px
2px
×
×
Icon styles
All styles
×
×
