chart.xkcd
rough-notation
| chart.xkcd | rough-notation | |
|---|---|---|
| 2 | 14 | |
| 7,569 | 8,208 | |
| - | 2.9% | |
| 3.7 | 0.0 | |
| 5 months 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.
chart.xkcd
-
Rough.js – Create graphics with a hand-drawn, sketchy, appearance
This looks like a wonderful library! I'm wondering how a handwritten font could fit into this api, a font like in https://github.com/timqian/chart.xkcd
-
[OC] Time Series showing the percentage of changed headlines of the biggest german online newspapers for the last 3 Weeks.
Tools: nodejs for scraping and statistics, https://github.com/timqian/chart.xkcd for visualization!
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?
d3-ez - D3-EZ Easy Reusable Charts
locomotive-scroll - 🛤 Detection of elements in viewport & smooth scrolling with parallax.
AnyChart - AnyChart is a lightweight and robust JavaScript charting solution with great API and documentation. The chart types and unique features are numerous, the library works easily with any development stack.
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.
wired-elements - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
swiffy-slider - Super fast carousel and slider with touch for optimized websites running in modern browsers.
c3 - :bar_chart: A D3-based reusable chart library
jsplumb - Visual connectivity for webapps
slick - the last carousel you'll ever need