3D scatterplot of an image • Hacker News Board

Re: 3D scatterplot of an image

#41

Post by MegaLeon » Fri, Dec 15, 2017, 4:00 PM UTC

Funny to see this, I made more or less the same thing in Processing for the google devart interactive competition a few years ago: https://www.youtube.com/watch?v=YaA3dAJz6sI&feature=youtu.be

Has a few extra features like being able to see different visualisation methods and how basic colour correction influences those - also animates the visualisation while going through the image

Realluy caught me off-guard because I used both the starry sky and the monalisa painting back in the days as well!

Re: 3D scatterplot of an image

#42

Post by minimaxir » Fri, Dec 15, 2017, 4:21 PM UTC

sus_007 wrote: post #35

How much JS knowledge does one need to start plotting with D3.js or Plotly.js ?

For simple data visualization, Plotly.js is easier to use with another data-friendly language like Python or R, which has libraries which push the data into a web-friendly format (including 3D WebGL charts like these)

Re: 3D scatterplot of an image

#43

Post by adrianmonk » Fri, Dec 15, 2017, 4:25 PM UTC

"based on the pixel values"

I daresay technically this applies to all useful visualizations of the data. I don't think they'd be very useful if they weren't, in some way, based on the pixel values.

Re: 3D scatterplot of an image

#44

Post by xbryanx » Fri, Dec 15, 2017, 4:31 PM UTC

This could be a fun add on for an art museum's online collection browser. "Investigate the collection by scatterplot."

Re: 3D scatterplot of an image

#45

Post by seanlinehan » Fri, Dec 15, 2017, 4:59 PM UTC

crispyambulance wrote: post #31

rijoja wrote: post #2

Would it be possible to make a human recognizable 3D-object in the colorspace that also is a pretty picture in 2D?

Well, there's another neat thing that you can do if you want to generate an interesting 2D -> 2D representation: * Take fourier transform of the image for each color R, G, B * Randomly scramble the phase of the transformed image. * Perform the fourier inverse of that scrambled phase image. The result is another 2D image with the same colors AND spatial frequencies as the original image. It looks like you took the ori…

Do you have any examples of this? Sounds cool

Re: 3D scatterplot of an image

#46

Post by kqr » Fri, Dec 15, 2017, 5:22 PM UTC

neonnoodle wrote: post #16

This is really cool! I'm a painter and have spent a long time doing gamut analysis of paintings. Thank you for including both HSV and HSL. Not enough people appear to understand/care about the difference between the two, and for painters the distinction is everything .

Lab too! I'm a digital photographer and operations in Lab space is both integral to my work and once you get used to it, it's very intuitive.

Re: 3D scatterplot of an image

#47

Post by 0xdeadbeefbabe » Fri, Dec 15, 2017, 5:24 PM UTC

Confiks wrote: post #12

rijoja wrote: post #2

Would it be possible to make a human recognizable 3D-object in the colorspace that also is a pretty picture in 2D?

The answer is quite obvious. You could start off with a grayscale 2D image on one side, and a pretty dotted 3D object on the other side. You'd then read the coordinates of the 3D object in a specific color space to obtain color values which you can pretty randomly (or even judiciously) apply to the grayscale image. Now I would pose another question: would it be possible to make a human-recognizable 3D-object in all t…

Sounds like a good art project.

Re: 3D scatterplot of an image

#48

Post by Overv » Fri, Dec 15, 2017, 5:33 PM UTC

dahart wrote: post #33

Sounds cool, I will check it out on a laptop. Just in case the author is here, I tried on an iPad Pro, and got "WebGL is not supported by your browser". WebGL is in fact supported by mobile Safari, so I'm guessing this site is using a user agent whitelist or some other fallible method of detecting WebGL. The best way to detect WebGL support is to attempt to create the 3d context and wait until after it actually fails…

Author here, not sure if I can easily fix this. The WebGL check is handled by the third-party scatter plot library.

Re: 3D scatterplot of an image

#49

Post by dontreact » Fri, Dec 15, 2017, 5:44 PM UTC

This is a good illustration of why this algorithm which reorganizes paintings into 2d color palettes works Using these scatter plots ou can see how you would use the principal components to lay out the pixels on a 2d surface https://github.com/ardila/paintingReorganize/blob/master/REA...

Re: 3D scatterplot of an image

#50

Post by gilleain » Fri, Dec 15, 2017, 5:49 PM UTC

pavel_lishin wrote: post #3

This is cool, but I wonder why most of the demo images - and a lot of the images I uploaded - seem to have their colors aligned in a single plane.

Try some paintings by Fahrelnis Zeid, such as this one:

http://beneast.com/wp-content/uploads/2017/09/fahrelnissa-ze...