roughViz
rough-notation
| roughViz | rough-notation | |
|---|---|---|
| 6 | 14 | |
| 6,644 | 8,236 | |
| - | 3.3% | |
| 7.4 | 0.0 | |
| 19 days ago | about 2 months ago | |
| JavaScript | 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.
roughViz
- New to Github
- Mapping the Unknown – The Ten Steps to Map Any Industry
-
Any apps to create hand-drawn pie charts and other charts?
Not an app but there is javascript library to do that - https://github.com/jwilber/roughViz
- RoughViz: JavaScript library for creating sketchy/hand-drawn styled charts
-
Rough.js – Create graphics with a hand-drawn, sketchy, appearance
Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements).
Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz
- Show HN: A simple hand drawn HTML/CSS theme
rough-notation
-
I Fucking Hate Jira
A quick look through the source brought me to https://roughnotation.com/
- Rough Notation
-
Rough.js: Create graphics with a hand-drawn, sketchy, appearance
Also see RoughNotation <https://roughnotation.com/>, which uses RoughJS to support underlines, highlights etc.
I took some inspiration for my website (mouse over any highlighted title) <https://muxup.com/>. The write-up here aims to summarise how it works https://muxup.com/2022q3/muxup-implementation-notes#randomly... - if you click through you'll see it's really very little code.
- RoughNotation
-
Portfolio feedback
I used an npm package called Rough Notation React. They have the demos here - https://roughnotation.com/
-
10 Minimal Portfolio Examples for Web Developers Who Aren’t Good at Design
🎨 Design tip: Even though Delba’s website is fairly minimal, she sparks joy in the user with delightful highlighter animation using a JavaScript library called Rough Notation.
-
30 Javascript animation libraries for 2022
10. Rough Notation
-
Rough.js – Create graphics with a hand-drawn, sketchy, appearance
Do also check out the other cool roughjs creations (https://github.com/rough-stuff), such as annotations (rough-notation: https://github.com/rough-stuff/rough-notation) and html elements (wired-elements: https://github.com/rough-stuff/wired-elements).
Shameless plug: I also created a dataviz library that uses roughjs under-the-hood: https://github.com/jwilber/roughViz
-
Show HN: A simple hand drawn HTML/CSS theme
- https://github.com/rough-stuff/rough-notation
One comment: some items aren’t rendering properly on my safari (eg checkboxes)
-
Managed to build a portfolio, am I ready for a full time role yet?
I used [Rough notation](http:// https://roughnotation.com/) for the highlights..not sure I get your second question tho.
What are some alternatives?
cutecharts.py - 📉 Hand drawing style charts library for Python
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
dygraphs - Interactive visualizations of time series using JavaScript and the HTML canvas tag
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
rough - Create graphics with a hand-drawn, sketchy, appearance
splide - Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
chia-dashboard-satellite
swiffy-slider - Super fast carousel and slider with touch for optimized websites running in modern browsers.
narrative-chart - An open-source charting library for authoring narrative charts
wired-elements - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
VisualizingTwitchCommunities - Graphing communities on Twitch.tv in a visually intuitive way
slick - the last carousel you'll ever need