website
Fun-Programming
| website | Fun-Programming | |
|---|---|---|
| 34 | 5 | |
| 60 | 181 | |
| - | - | |
| 7.9 | 0.0 | |
| 10 days ago | over 3 years ago | |
| Svelte | JavaScript | |
| - | GNU General Public License v3.0 only |
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.
website
-
More than 20k ships sank during WW II. One man is on a mission to map them
I think NY Times started long back and this style was kinda "cool" that goes well with the narrative. Then, there is https://pudding.cool that does this pretty well. Now, many just copy and tries without a meaningful treatment and is just there - kinda not working-out in most cases.
Tip: Try reading with Reader Mode.
-
Airfoil
Also check out https://pudding.cool if you’re unfamiliar and enjoy extremely high effort visualizations alongside editorial and educational text content.
- Generational shifts in popular music
-
What's the relationship between JS and Python in a data viz website?
Hello all, I am a JS beginner and I am passionate for creating data-driven stories on a website, like Pudding. I have watched some YT videos and learned that Python is a basic skill for dealing with data. However, I am confused about what Python does in such website? I know JS and it libraries like D3.js are used for front-end development and interactive data display, then what's the role of Python? For the website backend (such as Django)? Or is used for data cleaning and analysis? Or others? Or python is not actually required for making a data-driven story website?
-
Help! Looking for a highly interactive data journalism/viz piece/website but can't find it
https://pudding.cool/ ?
- Ask HN: What are your favorite RSS feeds?
-
for a CS PhD student in a different area, how long does it take to learn fundamentals of frontend?
The main reason why I've got interested in frontend is that (1) it seems to be a field that can be much more diverse and collaborative across different fields (ex: working with designers) and (2) it directly interacts with users. Interactive journalism, data visualization, data storytelling (as in The New York Times or The Pudding) are my main interests currently, so it is more accurate to say I got interested in frontend with focus on those specific fields.
- Ask HN: What other news feeds do you read besides Hacker News?
-
What’s the coolest website you know of that you want others to check out?!
pudding.cool, statistical analysis of things like rap lyrics
- What's a strange but awesome website that everyone should know about?
Fun-Programming
-
Ask HN: What's the fastest way to get good at full stack app development?
I’ve found https://fullstackopen.com/ to be the most understandable and practical guide.
To learn the very basics I also recommend https://funprogramming.org/
Of course at any point deviate and build your own apps. Then continue with the guides
- Where to start?
- Processing and P5 Got Newbies into Coding
- Project ideas for beginners and kids
-
Music visualisation: Debussy in a puddle
I used this code to get the midi file playing and then substituted this to make the ripple effect.
What are some alternatives?
scrollama - Scrollytelling with IntersectionObserver.
p5.serialport - Client for use with p5.serialserver
git-history - Quickly browse the history of a file from any git repository
shader-park-core - A JavaScript library for creating real-time 2D and 3D shaders. JS -> Shader. https://shaderpark.com/ https://twitter.com/shaderpark
top-tic-tac-toe-js - A tic-tac-toe game written in JavaScript that you can play in your browser.
website-archive - Archive of the Coding Train website (first version)
data_to_viz - Leading to the dataviz you need
openrndr - OPENRNDR. A Kotlin/JVM library for creative coding, real-time and interactive graphics
chromotome - A collection of color palettes saved for personal use.
LEAPMidi - LEAPMidi
p5.js-web-editor - The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
Processing