rough
excalidraw
rough | excalidraw | |
---|---|---|
8 | 373 | |
19,448 | 73,115 | |
0.4% | 2.5% | |
6.1 | 9.5 | |
about 2 months ago | 7 days ago | |
HTML | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
rough
- Rough.js: Create graphics with a hand-drawn, sketchy, appearance
-
Show HN: GitHub Stats Dashboard Powered by GraphQL API and GitHub Action
The docs don't agree with you - https://github.com/rough-stuff/rough/wiki#seed - if you use a fixed non-zero value it should be the same every time.
-
I'm working on a custom "artistic" renderer for OSM data - what do you think would be interesting to try?
It's implemented as a web app and outputs an SVG file - which can then be converted to a bitmap image or PDF. Currently using Rough.js for the sketchy drawing style, but I'm interested to explore other styles and techniques, so eager to hear of any suggestions or ideas. I'll try to post an interactive demo once it's in a state that's worth sharing.
-
Is there a drawing software that can recognize and convert hand drawn shapes in real time (like ink to shape feature in Office)
RoughJS: https://roughjs.com/
-
Importing file not importing other dependent files
First time trying to use a JavaScript library...I want to use this library - rough.js - in a project and I'm having some trouble getting started. Here is my code right now:
-
Show HN: Sketchy-appearance interactive timeline made using RoughJS
I posted this a year and a half ago but got no response. Trying again now as RoughJS is currently trending, and there might be some interest. Would love to know what people think of hand-drawn style timelines.
Credit to Preet Shihn (https://news.ycombinator.com/user?id=shihn) for creating the RoughJS library (https://roughjs.com) that enabled us to achieve the "hand-drawn" look for the timelines.
- Rough.js – Create graphics with a hand-drawn, sketchy, appearance
excalidraw
-
Creating Animated Diagrams for LinkedIn
ExcaliDraw - https://excalidraw.com/
-
Software Engineering Workflow
ExcaliDraw
-
Tools that Make Me Productive as a Software Engineer
However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.
-
Rapier is a set of 2D and 3D physics engines written in Rust
Fun fact: I used GA in Excalidraw, and it's still powering some of the interactions! https://github.com/excalidraw/excalidraw/blob/master/package...
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
I was happy to find out recently that there is a way to make Mermaid diagrams WYSIWYG / drag and drop editable that the open source https://excalidraw.com has and did I mention it's open source!? With a LLM, you can go full loop back to Mermaid again after a few rounds of manual editing. "What a time to be alive!"
- Show HN: Batch Image Manipulation Toolkit in Browser
-
Ask HN: What development tools are you using for your current project?
I'm working on a personal project and found myself looking for an alternative to Postman/Insomnia this morning. This made me realize i've been using the same tools for so long for work (mobile development, finance) that this project may be a good time to try out some new things.
Here are a few tools that i've been using lately that I really enjoy:
https://pocketbase.io/ - A dead-simple self-hosted firebase/supabase-like "backend in a box" using golang and sqlite. So far i've been really impressed. I've gone the route of extending the base offering with more go code and am really enjoying the experience.
https://excalidraw.com/ - An open source whiteboarding tool. Slick to use and after learning some keybinds I've gotten pretty fast at throwing together diagrams to explain things to people on my team. The killer piece though is that the filetype is just json, so I can source control my diagrams. Even better, their "export to png" function has a box to embed the json data _into_ the png, allowing me to slap the diagram in places that only accept images (think confluence) and still be able to change the diagram later if needed. 10/10.
https://docs.gitlab.com/ee/ci/ - Gitlab's CI/CD toolset is really impressive, and I've gotten really intimate with it's deeper features over the past year. I'd be curious though to hear from someone who's familiar with it vs it's competitors.
- Keeping your fonts in embedded SVG
- Excalidraw
-
Penrose – Penrose
Sketch easy and go back to work...
https://excalidraw.com/
What are some alternatives?
facesjs - A JavaScript library for generating vector-based cartoon faces
tldraw - SDK for creating whiteboards and canvas experiences on the web.
wired-elements - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
DePict - A simple, declarative, functional drawing framework, in Swift!
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
ossinsight-lite - 🚧[WIP] Yet another customizable free GitHub stats dashboard based on TiDB Serverless: https://ossinsight-lite.vercel.app, hand-drawn style.
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
chart.xkcd - xkcd styled chart lib
docker-draw.io - Dockerized draw.io based on tomcat:9-jre11 & tomcat:9-jre8-alpine official image.
evidence - Business intelligence as code: build fast, interactive data visualizations in pure SQL and markdown
drawio-desktop - Official electron build of draw.io