P
Patrick Wied
patrick-wied.at · Personal blog · on HN since 2010
Patrick Wied is an Austrian web developer who made heatmap.js and nude.js and writes about JavaScript, canvas, and data visualization.
What HN saysHN commenters link his keyboard heatmap tool for comparing typing across layouts, and his post on preventing browser screenshots.
38HN people shared it
22linked it in comments
53stories submitted
1.2Kstory points
4 months agolast shared
2010people per year2026
Most-shared posts
- 1Nude.js | Nudity detection with JavaScript and HTMLCanvas10 people · 175 points · first shared 2010 · 51 comments on HN
- 2JavaScript Library for HTML5 canvas based heatmaps6 people · 53 points · first shared 2011 · 3 comments on HN
- 3Real-time Keyboard Heatmap visualizing character distribution of texts6 people · 10 points · first shared 2011 · 1 comments on HN
- 4Cat.png3 people · first shared 2014
- 5How to prevent screenshots in a web browser2 people · 130 points · first shared 2014 · 127 comments on HN
- 6How to correctly use code you didnt write2 people · 38 points · first shared 2012 · 24 comments on HN
- 7A story about Vienna. (an interactive narrative infographic)2 people · 37 points · first shared 2013 · 50 comments on HN
- 8How to rename files & folders with git on a case insensitive FS2 people · 6 points · first shared 2012 · discussion on HN
- 9Expanding my Passive Income Experiment2 people · 5 points · first shared 2012 · discussion on HN
- 10Generate watermarks for images with html5canvas and js2 people · 3 points · first shared 2011 · discussion on HN
- 11Show HN: QR Designer - Create customized QR codes in your web browser2 people · 3 points · first shared 2011 · discussion on HN
- 12Homepage2 people · first shared 2010
- 13Let the adventurous journey begin: Passive Income1 people · 107 points · first shared 2012 · 42 comments on HN
- 14Show HN: Realtime Keyboard Heatmap with heatmap.js1 people · 96 points · first shared 2011 · 17 comments on HN
- 15Daring Adventures with Passive Income1 people · 77 points · first shared 2012 · 43 comments on HN
What HN people wrote when they linked it
h1d · 2019-02-18
There's a great site to compare how the typing spreads against keyboard layouts.
https://www.patrick-wied.at/projects/heatmap-keyboard/
Personally I'm excited to try out Colemak and it's already supported on macOS by default too.
joeblau · 2014-07-14
You're still sending the picture across the network to the screen in your most valiant attempt, but by using the inspector's resources, you can get a url link to the cat image[1]. Like you say at the end of the article, it's not really worth it.
The site being slow is a better deterrent than anything written in the post. 9 Seconds to first byte[2].
[1] - http://www.patrick-wied.at/talks/image-protection/demos/cat.png
[2] - http://www.webpagetest.org/result/140714_WZ_S9F/
pa7 · 2014-06-01
SEEKING WORK - remote (based in Austria)
I'm a Web Developer with a strong interest in data visualization, product management, and mathematics.
I'm the author of heatmap.js, nude.js and many other projects.
Find out more about me on my website:
http://www.patrick-wied.at
-
My ideal client would need my services in frontend development and/or data visualization.
-
Github: https://github.com/pa7
9ec4c12949a4f3 · 2010-10-21
It's not just you! http://www.patrick-wied.at looks down from here.
Daviey · 2016-12-14
I'm tempted to try and do some analysis of my usage, by running a keylogger and visualising by heat maps of the keys that I actually use.
Ie, log and then paste the contents into something like:
https://www.patrick-wied.at/projects/heatmap-keyboard/
dugmartin · 2014-12-09
Here is a library you can use that might make for a good first pass:
http://www.patrick-wied.at/static/nudejs/
It is Javascript but it should be pretty easy to run it under node.js
dethstar · 2014-07-11
I simply went to http://www.patrick-wied.at/talks/image-protection/demos/cat.png
jmngomes · 2013-10-16
I came across nude.js (http://www.patrick-wied.at/static/nudejs/) when researching for a social network project, seems quite nice and is Javascript based.
xPaw · 2013-03-15
He just uses JSONP-ajax to get result from "http://www.patrick-wied.at/static/qrgen/qrdecode_widget.php?url. It's a dumb idea to sell this for 15$
mmahemoff · 2012-08-20
If anyone else is wondering how the characters are generated:
states = {
// policeman
"0": decodeEntities("👮"),
...
// octopus
"3": decodeEntities("🐙"),
// explosion
"4": decodeEntities("💥")
};
From http://www.patrick-wied.at/projects/tough-title-city/game.js
noob007 · 2012-03-20
Direct Link If You Prefer: http://www.patrick-wied.at/static/watermarkjs/
dazbradbury · 2012-03-07
It seems it pulls data from the HN homepage no matter what, so it's not analysing the contents of your current page. It then decides on the heat locations based on that data.
Script is here (hope that's OK to link to!):
http://www.patrick-wied.at/projects/hohn/hn-heatmap.js
dgarner · 2012-02-20
Cool idea. I think it would be awesome to make it possible to automatically encode favicons in qr codes (pixel by pixel -> unit by unit).
Here's also a webapp for some customization inspiration. code's color and even the unit shapes can be customized: http://www.patrick-wied.at/projects/qr-designer/
thebigshane · 2012-01-11
I haven't tried it but looks fairly effective: http://www.patrick-wied.at/static/nudejs/
jayfuerstenberg · 2011-08-06
nude.js (http://www.patrick-wied.at/static/nudejs/) is a Javascript library that detects nudity in images.
I can't attest to its effectiveness but it maybe what you're looking for.
albertsun · 2011-06-03
Take a look at this too http://www.patrick-wied.at/static/heatmapjs/
StavrosK · 2011-04-08
I'm having a hard time not calling this project stupid, because it is one the most moot things I've ever seen. Are you seriously generating watermarks on the client? What's the purpose of the watermark, then?
Open Firebug (or, ostensibly, disable javascript) and bam, all your images are ripe to steal, watermark-free.
This took me all of two seconds:
http://www.patrick-wied.at/static/watermarkjs/jq/img/test1.jpg
zcksjdn · 2011-04-05
You may be interested in this, http://www.patrick-wied.at/static/nudejs/. It might help prevent users from uploading porn. Found it through this HN post, http://news.ycombinator.com/item?id=2401083
_thisdot · 2026-06-25
I can't speak for everyone but I did an experiment to see if this was the case (I actually just wanted to switch to Colemak everywhere. But iOS doesn't support it natively and third party keyboard landscape is pretty bleak on iOS). I switched to Dvorak on my phone and got really comfortable with it. I was already comfortable with Colemak on my computer. Then I tried
1. Switching to Dvorak on my computer AND
2. Switching to Colemak on my phone
I already had a feeling that my Dvorak experience on phone wasn't gonna help typing in a physical keyboard and indeed that was the case. But also, the physical keyboard experience with Colemak didn't really help with thumb typing/swiping on the phone. On a physical keyboard, I can only type QWERTY at around 30WPM and Colemak at around 130WPM. However, on the phone QWERTY is my strongest layout (even when I can only type at around 50WPM with it).
Then there's the design philosophy. Colemak aggressively keeps the most used letters on the homerow. Paste a random Wikipedia article into this page and you'll see (https://www.patrick-wied.at/projects/heatmap-keyboard/ alternatively, here's the heatmap for the introduction to today's featured article about Augustus: https://postimg.cc/9RT8P4N6). On a phone this means that a lot of the times you'll be swiping back and forth horizontally. Resulting in identical swipe paths for a lot of common words.
And if Clearflow was ported to a physical keyboard, most of your fingers won't be doing any…
braunshizzle · 2014-08-14
davebarrett · 2010-11-30
Try nude.js http://www.patrick-wied.at/static/nudejs/