Chroma Hash
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| Owid Grapher | 1,165 | 15 hours ago | 231 | mit | TypeScript | |||||
| A platform for creating interactive data visualizations | ||||||||||
| Chroma Hash | 634 | 5 years ago | 1 | June 29, 2014 | mit | JavaScript | ||||
| A colorful visualization of password field input | ||||||||||
| Chromahashview | 144 | 9 years ago | 3 | apache-2.0 | Java | |||||
| A classic password visualization concept, ported to Android http://mattt.github.io/Chroma-Hash/ | ||||||||||
| Traffic Map | 23 | 7 years ago | 1 | gpl-2.0 | Python | |||||
| Network traffic mapping software that collects TCP traffic and produces JSON D3 visualization | ||||||||||
| Spot2_container | 6 | 8 months ago | 2 | apache-2.0 | JavaScript | |||||
| The container infrastructure for the SPOT performance visualization tool | ||||||||||
| Securecomm2017_networkofpasswords | 5 | 5 years ago | ||||||||
| The repo of "Exploring the Network of Real-World Passwords: Visualization and Estimation" in SecureComm 2017. | ||||||||||
| Passwords_visualization | 2 | 6 years ago | Python | |||||||
| Data Visualization Projects | ||||||||||
| Julie And Julia | 2 | 6 years ago | mit | JavaScript | ||||||
| Text visualization of the film Julie & Julia (2009) script | ||||||||||
| Redash Helm | 2 | 3 years ago | bsd-2-clause | Smarty | ||||||
| A Helm chart for redash | ||||||||||
| Password_vis | 2 | 11 years ago | 4 | Python | ||||||
| A visualization of yahoos leaked passwords | ||||||||||
Chroma-Hash
Password entry can be frustrating, especially with long or difficult passwords. On a webpage, secure fields obscure your input with •'s so others can't read it. Unfortunately, neither can you --- you can't tell if you got your password right until you click "Log In".
Chroma-Hash is a jQuery plugin that visualizes secure text-field values using ambient color bars.
Chroma-Hash displays a series of colored bars at the end of field inputs so you can instantly tell if your password is right. The script takes a hash of your input to compute the colors in the visualization; the resulting color pattern is non-reversible, so no one can determine your password from the colors alone.
Usage
$("input:password").chromaHash({bars: 3, salt:"7be82b35cb0199120eea35a4507c9acf", minimum:6});
-
bars: the number of bars displayed (1, 2, 3, or 4) -
salt: the value to be appended when calculating hash function -
minimum: the minimum number of characters needed for grayscale bars to be displayed in color
Requirements
- jQuery 1.3+
Ports, Implementations, and Adaptations
Chroma-Hash is also available in your choice of JavaScript libraries and languages:
- CHChromaHashView (iOS) - @mattt (Mattt)
- ChromaHashView (Android) - @michaelevans (Michael Evans)
- YUI3 - @foxxtrot (Jeff Craig)
- Prototype - @wki (Wolfgang Kinkeldei)
- pyChroma (Python) - @leegao (Lee Gao)
- ChromaHash4j (Java) - @efi (Thomas Efer)
For the more acoustically-inclined, check out Sonic-Hash, which uses sounds instead of colors.
Credit
Inspired by Arc90 Lab's HashMask, by Chris Dary http://lab.arc90.com/2009/07/hashmask.php
Chroma-Hash uses Paul Johnston's Javascript MD5 implementation, and is distributed under the BSD License See http://pajhome.org.uk/crypt/md5 for more info.
Thanks to Ian Young for his suggestion to represent color components in 4-bits to increase overall security.
Contact
Mattt (@mattt)
License
Chroma-Hash is released under the MIT license. See the LICENSE file for more info.
