frontpage.
newsnewestaskshowjobs

Open Source @Github

fp.

Open in hackernews

Show HN: An interactive demo of QR codes' error correction

https://qris.cool
109•Xiione•1y ago
Hi HN! This is a hobby project of mine that recently landed me my first interview and helped me get my first internship offers.

Draw on a QR code, and the health bars will accurately display how close the QR code is to being unscannable. How few errors does it take to break a QR code? How many errors can a QR code handle? Counters at the bottom track your record minimum and maximum damage. (Can you figure out how to break a QR code with 0.0% damage to the actual data region?)

Also, click on the magnifying glass button to toggle between "draw mode" and "inspect mode". I encourage you to use your phone's camera to scan the code as you draw and undo/redo to verify that the code really does break when the app says it does.

I wrote the underlying decoder in C++, and it's compiled to WebAssembly for the website.

I hope you find it interesting.

Comments

flysand7•1y ago
It's surprising how much data you need to corrupt while still being able to read the QR code, that's what I'd take out from this. The demo is interesting in that respect, but I do think it's somewhat incomplete.

It seems to be missing some explanations regarding how the code is structured and how it performs error correction. I feel like there's little point in interacting with a system you don't understand or not trying to understand. And I also think there are cool ways to make those things interactive as well. Pick an image, then explain what the little squares in the corners are for and provide little interactivity to see how they affect the decoding. Then move on to the error correction. This step-by-step style of interactivity may be better, I'd think about that.

As for what is there, the first thing I don't like here is icons. The four icons in the lower-right corner (result data, format info, ..) are hard to distinguish, and are hard to correlate with the "history" tab. I'd probably either make them slightly different color, or actually simplifying these icons further might be a better option, just because they're so small.

But yeah it is pretty hard to tell what I'm interacting with, unfortunately. I don't know pretty much nothing about QR codes, and I don't know what the different kinds of errors are, what "EC" stands for etc.

UI should probably be rethought as well, because before I was writing the comment I had no idea I could switch a brush. Hell, I had no idea I was changing colors (the cursor covered half the space of the pixels, so I couldn't tell)

The idea's cool though, good work

Xiione•1y ago
Thank you so much for the honest feedback. One of the reasons I tried to not get into the math details is because the preliminaries would be somewhat lengthy, some people would not be familiar with what a finite field is so explaining even that succinctly would be its own challenge for me. But for those that the concepts are within reach for (like the folks here on HN), you are right that I ought to make some effort to explain what is going on, at least intuitively. As for the UI considerations, great feedback, I'll definitely take it all into account when re-designing. I'm open to additional suggestions from everybody.

Ultimately I'm glad that I was able to get the main point across. That is, that QR codes can take a lot more abuse than one might assume. Thanks for checking my work out!

boomskats•1y ago
How can you say that you 'don't know pretty much nothing about QR codes' and that you 'feel like there's little point in interacting with a system you don't understand or not trying to understand', while feeling qualified enough to write a critique claiming a demo of said thing you know pretty much nothing about is incomplete?

You don't know what EC stands for but you have an opinion on when the error correction should be demoed? And the first thing you don't like are the icons?

OP, if I were you I would ignore this critique entirely. This is a fantastic demo. The usability was spot on (I learned a lot in a very short amount of time) and your /repos readme is _exactly_ what I wanted to read. It is perfectly executed.

I'm gonna dig into your code a bit more tomorrow, but you should be very proud of this. You have a bright future ahead of you.

Xiione•1y ago
Thanks so much for your kind words! As a principle I try to at least listen to what everyone has to say, I wish I could make everybody happy but in the end I incorporate the feedback I'm convinced of/already agree with. Let me know if you have any thoughts on my code, and thank you for the github follow :)
gen3•1y ago
Very cool work! I really like being able to see the blocks and directly interact with them. It's nice to feel out how the ECC works. I can see myself using this to draw custom QR codes in the future!
myself248•1y ago
Oh, this is cool. My favorite part is being able to mouse over the health bars at the right, and see exactly which bits they draw from in the code itself.
teuobk•1y ago
Awesome! I love seeing how the blocks are affected by twiddling bits.
pveierland•1y ago
Super cool interface to explore. It took a bit of playing around with the UI to understand all the features. My only feedback would be to try to make the "Continue" part of the flow to get to the sandbox easier to discover.
Xiione•1y ago
Thanks! The "continue" was one of those things that started off as a placeholder and didn't change much, I'll definitely be adjusting it.
solardev•1y ago
This is really cool! Thanks for sharing!

Is there a way to get it to compute and visualize the MAXIMUM possible error rate for any given QR code? Like what is the greatest number and arrangement of pixels that could be altered before the QR code is no longer readable?

(Bonus: Is this a setting that can be controlled during QR code generation, based on version number or error correction level, etc.? Can you make some sort of huge and very complex QR code with a lot more redundancy than a smaller one?)

Xiione•1y ago
Thanks for checking it out! Essentially, for any given QR code the maximum error rate is reached when you deplete every block's health bar to 1 remaining slice, making sure to invert every pixel in each codeword you've touched (the individual tetris-piece shaped chunks), and then introduce one more single pixel error in any block. This is actually independent of the arrangement of corrupted codewords within each block.

The amount of redundancy is determined solely by the specific version-ecLevel pair a code has. So, the code with the largest amount of redundancy (in bytes) is one that has version 40 and EC level H - a staggering 2.43kB of redundancy vs. 1.28kB of data! See this particular sample: https://qris.cool/decode?sample=135

Meta's Muse Spark 1.1 Scores 51 on the Artificial Analysis Intelligence Index

https://twitter.com/ArtificialAnlys/status/2075677416295739660
1•bobrenjc93•4m ago•0 comments

Show HN: Orbit – AR satellite tracker, watch 15k+ objects

https://nagylukas.github.io/orbit.html
1•lukas9•5m ago•0 comments

My Hermes Setup and Usecases

https://metedata.substack.com/p/013-my-hermes-and-obsidian-set-up
1•young_mete•5m ago•0 comments

Try Even a Little at Conferences

https://maxwellforbes.com/posts/try-even-a-little-at-conferences/
1•FinnKuhn•6m ago•0 comments

Show HN: Earth Game – An offline CLI for turning life goals into quests

https://github.com/skorotkiewicz/earth-game
2•modinfo•7m ago•0 comments

A narrative account of the development of SNOBOL

https://mads.si.edu/mads/id/NMAH-AC0196_gris720521
1•cwbuilds•8m ago•0 comments

UPI: Anatomy of a Transaction

https://timeseriesofindia.com/economy/reads/upi-architecture/
1•prtk25•10m ago•0 comments

Trump administration rescinds key rule protecting endangered wildlife

https://www.upi.com/Top_News/US/2026/07/10/endangered-wildlife/5421783724407/
2•Bondi_Blue•11m ago•0 comments

Modern Decor May Be Straining People's Brains

https://studyfinds.com/modern-decor-may-be-straining-peoples-brains/
2•downwithdisease•15m ago•0 comments

Chinese courts allow heirs to inherit accounts of deceased gamers

https://www.tomshardware.com/tech-industry/big-tech/chinese-courts-allow-heirs-to-inherent-accoun...
2•thisislife2•15m ago•0 comments

Show HN: Reame – a CPU inference server that gets faster as it runs

https://github.com/swellweb/reame
1•targetbridge•16m ago•0 comments

Store Arbitrary Data on Anything

https://fliptable.nyc
1•spaghetti-code•16m ago•0 comments

Local-first agent governance: keeping an AI agent contained

https://vektorgeist.com/blog
1•VektorGeist•17m ago•0 comments

Dynamic Dispatch

https://intertwingly.net/blog/2026/07/11/Dynamic-Dispatch.html
1•ingve•20m ago•0 comments

Monist, a WebGPU compiler for non-well-founded set theory

https://firstsynth.dev/monist
1•thingltd•24m ago•0 comments

Agentation – Visual UI Annotation for AI Coding Agents

https://www.agentation.com/
2•rekl•27m ago•0 comments

More Americans are aging alone. One woman told us what it's like

https://www.msn.com/en-us/news/crime/more-americans-are-aging-alone-one-woman-told-us-what-it-s-l...
1•like_any_other•27m ago•0 comments

Show HN: I Wanted AI Code Review I Could Own. So I Built Codra

https://medium.com/@devarshidev/i-wanted-ai-code-review-i-could-actually-own-so-i-built-codra-bee...
1•devarshishimpi•28m ago•1 comments

Cancelled by your future self? The fear isn't censorship. It's permanence

https://indianexpress.com/article/fresh-take/gen-z-digital-permanence-self-censorship-nep-2020-un...
1•thisislife2•29m ago•1 comments

The Great Wave Has Arrived (Memo from GLM CEO Jie Tang)

https://twitter.com/bingxu_/status/2075961011816092158
1•antinucleon•29m ago•0 comments

Git Takes Another Step Towards Making Rust Mandatory [video]

https://www.youtube.com/watch?v=I_6Mnvobi3c
2•baranul•29m ago•0 comments

Wheeler's Delayed-Choice Experiment

https://en.wikipedia.org/wiki/Wheeler%27s_delayed-choice_experiment
1•thunderbong•29m ago•0 comments

Canadian Junior Golf Association recruits players

https://rpgolf.wordpress.com/2026/07/11/canadian-junior-golf-association-gives-youngsters-chance-...
1•yankflank•30m ago•0 comments

Show HN: Make any website agent-ready in one script tag

https://www.openhermit.com
1•not_wowinter13•32m ago•0 comments

The Dangerous Myth of Flexibility

https://prospect.org/2026/07/09/dangerous-myth-of-flexibility-uber-lyft-gig-economy/
2•hn_acker•33m ago•0 comments

C++20 Improved the For-Loop Syntax

https://lzon.ca/posts/tips/cpp-for-range-init/
1•jpmitchell•33m ago•1 comments

Show HN: Combo.gg – Plans in seconds, for any game

https://combo.gg/
1•ca98am79•37m ago•0 comments

What loss.backward() actually does

https://oraziorillo.com/blog/what-loss-backward-actually-does/
1•oraziorillo•38m ago•1 comments

We Know Simple Fluids Can Flow. Turns Out, Some Can Fracture.

https://www.quantamagazine.org/we-know-simple-fluids-can-flow-turns-out-some-can-fracture-20260710/
1•Brajeshwar•39m ago•0 comments

SpaceX prepares for Starship Flight 13; company works toward orbital operations

https://www.yahoo.com/news/science/articles/spacex-prepares-starship-flight-13-022121988.html
1•bookmtn•42m ago•0 comments