Pixels

So what's all this?

Visualizing Pixel Components with 2d Charts

In our exploration of pixel data, we employ 2d chart plots to provide a clear visualization of the unpacking process and the effectiveness of down-sampling. The goal is to shed light on the individual RGB components of each pixel, offering insights into the color distribution within the image.

Down-sampling

Down-sampling plays a crucial role in simplifying the complexity of images for analysis. By reducing the pixel density, we create a manageable representation that not only improves computational efficiency but also enhances the interpretability of pixel components. More on down sampling here.

Visualization technique

The 2d chart plots serves as an effective tool to represent the three individual components of each pixel. Here's how it works:

  1. Three Separate Plots:
    1. In our approach, each pixel is unpacked into its RGB components.
    2. The red, green, and blue components are individually plotted on three separate charts.
    3. Each chart corresponds to a specific RGB component, namely the red plot, green plot, and blue plot.
  2. Markers:
    There are three types of 2d plots:
    1. RGB plot:
      • The marker used in the plots is a circular marker.
      • When the color in the r or g or b channel is divided by 255 by the preprocessor we obtain a value that ranges anywhere between 1 for 255 and 0. Any color above 0.175, i.e., ∈ [0.175, 1] in the r or g or b channel is plotted on the corresponding plot using that value.
      • 0.175 is chosen to emphasize the significance of the different components as values closer to 0 tend to black and are thus ignored.
    2. RGB plot with emphasis on Black:
      • The marker used in the plots is a circular marker.
      • Any value above 0.175 in the r or g or b channel is plotted on the corresponding plot using that value, i.e., ∈ [0.175, 1].
      • Any value between 0.1 and 0.175, i.e., ∈ [0.1, 0.175] is plotted using a black circular marker that is white on the inside to highlight less significant contributions.
      • Any value between 0 and 0.1, i.e., ∈ [0, 0.1] is plotted using a black star to show black pixels and pixels that tend to black rgb(0,0,0).
    3. RGB values plot:
      • The actual value of the r or g or b channel component is plotted.
      • It is recommended to use a higher downsampling factor for this plot type to read the individual pixel (r, g, b) values more easily.
  3. Color Representation:
    1. The color of each circle on the red, green, or blue plot corresponds to the color of the respective RGB component at that pixel.
    2. This color representation provides a visual link between the charts, offering a comprehensive view of the color distribution.

Interactive Exploration

Feel free to interact with the charts. RGB plot here. RGB plot with emphasis on Black here. RGB values plot here. Observe how the down-sampled pixel data is represented on the red, green, and blue plots. The circular markers offer a unique perspective on the color composition, making it easier to discern and analyze individual pixel components.

This 2d representation simplifies the intricacies of pixel data, providing a visual journey into the RGB components of each pixel within the image.

Illustrations: