What's the best way to create diagrams for solutions?

I am looking for suggestions for how to create diagrams that I can add to solutions. I see some very nice-looking diagrams people include in their responses but have no idea how they're made. Nothing fancy, just basic diagrams like ones used in geometry and trigonometry in Math, or dynamics and equilibrium in Physics. I need to be able to add measures and/or labels to sides and angles; colors would be nice but are not essential. An online tool would be best, but I'll definitely consider others as well. Thank you very much.

Easy Math Editor

This discussion board is a place to discuss our Daily Challenges and the math and science related to those challenges. Explanations are more than just a solution — they should explain the steps and thinking strategies that you used to obtain the solution. Comments should further the discussion of math and science.

When posting on Brilliant:

Use the emojis to react to an explanation, whether you're congratulating a job well done , or just really confused .
Ask specific questions about the challenge or the steps in somebody's explanation. Well-posed questions can add a lot to the discussion, but posting "I don't understand!" doesn't help anyone.
Try to contribute something new to the discussion, whether it is an extension, generalization or other idea related to the challenge.
Stay on topic — we're all here to learn more about math and science, not to hear about your favorite get-rich-quick scheme or current world events.

Markdown	Appears as
`italics` or `_italics_`	italics
`bold` or `__bold__`	bold
- bulleted - list	bulleted list
1. numbered 2. list	numbered list
Note: you must add a full line of space before and after lists for them to show up correctly
paragraph 1 paragraph 2	paragraph 1 paragraph 2
`[example link](https://brilliant.org)`	example link
`> This is a quote`	This is a quote
# I indented these lines # 4 spaces, and now they show # up as a code block. print "hello world"	# I indented these lines # 4 spaces, and now they show # up as a code block. print "hello world"

Math	Appears as
Remember to wrap math in `$` ... `$` or `\[` ... `\]` to ensure proper formatting.
`2 \times 3`	$2 \times 3$
`2^{34}`	$2^{34}$
`a_{i-1}`	$a_{i-1}$
`\frac{2}{3}`	$\frac{2}{3}$
`\sqrt{2}`	$\sqrt{2}$
`\sum_{i=1}^3`	$\sum_{i=1}^3$
`\sin \theta`	$\sin \theta$
`\boxed{123}`	$\boxed{123}$

Comments

It's great that you want to add an image to help others understand your problem.

Use whatever program you're used to (even Paint). When we select a problem to be featured, we will help convert it into a "nice-looking diagram".

The program that we use is Figma (I think they have a free version, but am not sure), and I sometimes use Omnigraffle (Mac, paid). For geometric diagrams, Desmos and Geogebra are worth a shot too.

Calvin Lin Staff - 3 years, 6 months ago

Thanks, will give Geogebra a try.

zico quintina - 3 years, 6 months ago

Geogebra might be exactly what you're looking for.

Mursalin Habib - 3 years, 6 months ago

Hi Mursalin!

Calvin Lin Staff - 3 years, 6 months ago

Hi, Calvin! It's been a while. The latest 3blue1brown video sent me here.

Mursalin Habib - 3 years, 6 months ago

Thanks, Mursalin, that's seems exactly like what I was looking for.

zico quintina - 3 years, 6 months ago

Math	Appears as
Remember to wrap math in `\(` ... `\)` or `\[` ... `\]` to ensure proper formatting.
`2 \times 3`	$2 \times 3$
`2^{34}`	$2^{34}$
`a_{i-1}`	$a_{i-1}$
`\frac{2}{3}`	$\frac{2}{3}$
`\sqrt{2}`	$\sqrt{2}$
`\sum_{i=1}^3`	$\sum_{i=1}^3$
`\sin \theta`	$\sin \theta$
`\boxed{123}`	$\boxed{123}$