cher14's comments

Breakdown notes also comes with some helpful keyboard shortcuts to not use the mouse as much. This was added not so much for flowcharts, but to make it easier to write notes quickly.

-Tab to add a new figure on the canvas -Enter to add a new paragraph in the shape -Arrow keys to move a figure -Shift arrow to move between figures

https://www.breakdown-notes.com/make/load/hotkeys https://www.breakdown-notes.com

An interesting part in the documentary specifically about the role of the test pilot indicted starts at 26:40

You might also like www.breakdown-notes.com. It is not as focused on diagrams as draw.io (and others), but is rather nice if you want to make something inbetween notes and diagrams. (so I say as the owner of breakdown-notes).

By using the export menu you should be able to print it to pdf, though that is not the easiest. To help out: you can also download it as pdf via google drive: https://drive.google.com/file/d/1dK-B5VIY9vmypB_eZsHB2Kso1zp...

It is a pdf, since it is rather big chart and as off yet I failed to make a readable image from it.

I made https://www.breakdown-notes.com Its' a tool to make notes quickly. You can click anywhere and start typing, copy paste text and images from pdf's or other sources, and use a multitude of shapes, arrows and colors. Also it's easy to reorganize / revise your notes: text can be edited like in any other text editor, but it is way easier to reposition text blocks / images. They can simply be dragged anywhere. You can zoom in and out of the map you take notes on, making it easy to get overview or detail.

It works great as a note taking tool while reading a book, or following a course. Searching the notes is OK-ish. You cannot search the notes without opening it. It works best in chrome and is not intended for use on mobile.

I remade this great graph using breakdown-notes so you can have all of the graph on one screen and zoom in or out, make alterations for yourself. You can find it here: https://www.breakdown-notes.com/makemap/load/kamranahmedse

Hope you take a look at https://www.breakdown-notes.com

It has a pretty big map (though not infinite) for you to add shapes and text to, has support for adding and editing paths, plenty of tutorials and you can make slides in the paid version (free 2 week trial). Disclaimer: I made Breakdown Notes

PLUG: Another alternative might be Breakdown Notes. It let's you upload graphviz xdot files so you can change colors, layout and text . https://www.breakdown-notes.com/blog/graphviz

I made a tool to help making notes while studying. Aim was to make something which allows you to:

Add text and images quickly, so you can type along with a lecture, or by copying and pasting text, html or pdf from documents you are reading. At the same time it must be easy to add and scale images.

Tidy up and restructure your note. Just typing your notes is not enough. You also need to think about it, and restructuring or tidying up your notes is a great way to do that. The tool you use should not make you redo or rewrite the notes completely. It should just be click and dragging without messing up the formatting.

Show structure in multiple ways (colors, sizes, shapes, connections etc). Making notes in a text editor is limited. You need something that does not just scroll up and down, but also left and right. Something that looks more like a diagram or a mindmap, to which you can also add connections, labels, arrows, and colors. Having notes that look more like infographics helps me alot to remember or retrieve what is in them.

Have overview and detail in the same map without to much clutter. I myself like having notes on a topic in one document, but it must still be easy to show the structure and the details.

I am pretty pleased about how all this works in Breakdown Notes (my project). If you would like to check it out I suggest you take a look at an example map about english grammar: https://www.breakdown-notes.com/makemap/load/grammar

New features have been added, for instance:

Make a slideshow Export as image or pdf group and or merge shapes Draw on your maps Import images, svg icons, html, text, or small pdf-files by simply dragging it onto the map or a shape. Drag xdot files onto the map to import graphviz graphs. Make flashcards

Most old features are improved drastically, for instace:

The interface to add, connect or resize shapes, add paragraphs etc, and to show which shape is active has been improved. Paths between are more controllable

Lots of new shapes have been added. Also lots of new examples and new tutorials have been added. And the styling is way better hopefully.

Overall, the previous post was an unfinished try-out. This is hopefully a feature rich and (almost) finished product.

To be sure, I did read the faqs about reposting to show HN and it said it was probably OK if it was a major overhaul. For me it qualifies as such.

Not open source but with a free tier: www.breakdown-notes.com. Disclaimer: my project.

You should check out www.breakdown-notes.com. (disclaimer: my project). Only feature missing is code highlighting.

Well not exactly. It would be best described as a mix between MS one-note and MS Visio and Powerpoint (coming soon).

Collaboration by saving and sharing maps / notes using github gist is something I plan to make pretty soon.

Collaboration as in simultaneously working on the same map in some form or the other is something I have been thinking about, but really have little idea about implementing yet.

Well, It's a buffalo breaking down your notes into manageable pieces.

Thanks for taking a look. can I ask what you expect after leaving your email ? Would you expect a newsletter about more features, new examples etc ?

great feedback, I get now how the pointer can be confusing, will change that very soon. I will also take a look at a clearer 'to the map!' I have had more feedback about this, and made some changes, but apparently not good enough. Thanks!

Thanks! hope it helps and good luck with the exams.

those are some cool looking diagrams... Something to aim for I have been thinking about using canvas because like you point out, its faster. However I had not worked at all with the canvas and new something about d3.js and svg. d3.js allowed me to use some dragging / events, which I could not have build myself when i started out with this project. That was simply what tipped me in to going with svg. To late to change now...And although there are times when speed is an issue when using the map, its got more to do with some inefficient programming from me.

Thanks a lot! I am working on selecting a print region to export a map as pdf. Will look into adding a feature to export as an image. What for you would be the benefit of of exporting as image instead of as pdf ?