📱
This tool currently works best on desktop. Mobile and tablet support coming soon!
×
Ottodot Bar Model Tool
+
Add Bar
⟷
Add H-Bracket
↕
Add V-Bracket
T
Add Text
🗑️
Delete Selected
🗑️
Clear All
👁️
Show All Labels
❓
Help
How to use:
Add Bar:
Click "Add Bar" to create a new bar
Add Brackets:
Click "Add H-Bracket" or "Add V-Bracket" to create brackets
Add Text:
Click "Add Text" to add text annotations to your model
Move:
Click and drag bars, brackets, or text to position them
Select Item:
Click on a bar, bracket, or text to select it
Delete Selected:
Click the "Delete Selected" button to remove the currently selected item
Clear All:
Click "Clear All" to remove all items from the canvas
Resize:
Hover over the right/bottom edge and drag to resize
Adjust Brackets:
Drag the circle handles to adjust bracket length
Split:
Hover over a bar and click the "+" button to add sections
Edit Labels:
Click on any label to edit it directly
Edit Text:
Click on text to edit its content
Delete Labels:
Hover over a label and click the × button
Restore Labels:
Click "Show All Labels" to restore any deleted labels
Edit Value:
Click on the value field in any bar section to edit
Adjust Split Size:
Drag the divider line between sections to resize them
Remove Split:
Hover over a divider and click the × button, or double-click on the divider to merge sections
Edit Value
Cancel
Save