{"id":7520,"date":"2026-04-18T00:01:18","date_gmt":"2026-04-18T07:01:18","guid":{"rendered":"https:\/\/c-for-dummies.com\/blog\/?p=7520"},"modified":"2026-04-11T12:29:12","modified_gmt":"2026-04-11T19:29:12","slug":"extracting-data-chunks","status":"publish","type":"post","link":"https:\/\/c-for-dummies.com\/blog\/?p=7520","title":{"rendered":"Extracting Data Chunks"},"content":{"rendered":"

\"\"<\/a>
\nThe next step in dividing a grid of data into chunks is to extract each of the chunks. Last week’s Lesson<\/a> used color to visually identify the data chunks. This week’s update to the code pulls these chunks from the grid, using their values and colors to confirm that everything matches up properly.
\n
\nMy first update is to change the colors. Honestly, it’s easier to deal with four colors as opposed to doing the math to maintain the eight colors used in last week’s Lesson. My choice is to set the four colors are foreground and background, which is technically eight color combinations. So I’m good.<\/p>\n

Extracting the chunks requires a nested loop inside a nested loop. The outer nest works through the main grid, array grid[]<\/code> in the code, and the inner nest operates to output each data chunk. Terrifying math is required to extract the values in the proper order, though the equation is made easier by splitting it up into pieces, which I describe later.<\/p>\n

Here is the full code:<\/p>\n

2026_04_18-Lesson.c<\/a><\/h3>\n
\r\n#include <stdio.h>\r\n\r\n#define ROWS 16\r\n#define COLUMNS 16\r\n#define AREA ROWS*COLUMNS\r\n#define NORMAL \"\\e[m\"\r\n\r\nint main()\r\n{\r\n    unsigned char grid[AREA];\r\n    int x,y,v,h,row,col;\r\n    int chunk_horz,chunk_vert,grid_width,grid_height;\r\n\r\n    for( y=0; y<ROWS; y++ )\r\n    {\r\n        for( x=0; x<COLUMNS; x++ )\r\n        {\r\n            grid[y*COLUMNS+x] = (y*COLUMNS)+x;\r\n            if( y<ROWS\/2 )\r\n                printf(\"\\e[3%cm%02X%s \",\r\n                        (x\/4+1)+'0',\r\n                        grid[y*COLUMNS+x],\r\n                        NORMAL\r\n                      );\r\n            else\r\n                printf(\"\\e[4%c;30m%02X%s \",\r\n                        (x\/4+1)+'0',\r\n                        grid[y*COLUMNS+x],\r\n                        NORMAL\r\n                      );\r\n        }\r\n        putchar('\\n');\r\n    }\r\n\r\n    \/* split into chunks *\/<\/span>\r\n    chunk_horz = 4;\r\n    chunk_vert = 8;\r\n    grid_height = ROWS\/chunk_vert;\r\n    grid_width = COLUMNS\/chunk_horz;\r\n\r\n    \/* part out the chunks *\/<\/span>\r\n    for( y=0; y<grid_height; y++ )\r\n    {\r\n        for( x=0; x<grid_width; x++ )\r\n        {\r\n            printf(\"Chunk %d:%d\\n\",y,x);\r\n            for( v=0; v<chunk_vert; v++ )\r\n            {\r\n                for( h=0; h<chunk_horz; h++ )\r\n                {\r\n                    row = y*chunk_vert+v;\r\n                    col = x*chunk_horz+h;\r\n                    if( y<grid_height\/2 )\r\n                        printf(\"\\e[3%cm%02X%s \",\r\n                                (col\/4+1)+'0',\r\n                                grid[row*COLUMNS+col],\r\n                                NORMAL\r\n                              );\r\n                    else\r\n                        printf(\"\\e[4%c;30m%02X%s \",\r\n                                (col\/4+1)+'0',\r\n                                grid[row*COLUMNS+col],\r\n                                NORMAL\r\n                              );\r\n                }\r\n                putchar('\\n');\r\n            }\r\n        }\r\n    }\r\n\r\n    return 0;\r\n}<\/pre>\n
The abundance of variables helps to calculate the various offsets and other stuff to output the grid and its chunks. Plus, dealing with double-nested loops requires a few extra variables just because.<\/p>\n
The first set of nested for loops outputs the grid using foreground and background colors to visually identify the chunks. These loops also fill the grid with data:<\/p>\n
grid[y*COLUMNS+x] = (y*COLUMNS)+x;<\/code><\/p>\n
The color calculation is made with this expression: (x\/4+1)+'0'<\/code>. The value is set as either the foreground or background color, depending on the value of variable y<\/code>. Figure 1 shows output from this part of the program.<\/p>\n
\"Colorful
Figure3 1. The grid output from the first nested loop.<\/p><\/div>\n
With the grid identified, the next part of the code extracts each of the color data chunks, outputting them one at a time with the matching colors. The numbers are what’s important, to ensure that they match. But the colors help to visually identify the chunks, even though these colors aren’t necessary for the result I’m after.<\/p>\n
The outer nested loop uses the grid_height<\/code> and grid_width<\/code> variables to navigate the values in grid[]<\/code> by chunk. The inner loop uses variables v<\/code> and h<\/code> for the specific chunk sizes set in variables chunk_vert<\/code> and chunk_horz<\/code>.<\/p>\n
Variables row<\/code> and col<\/code> help calculate the offsets for each chunk within the larger grid:<\/p>\n
row = y*chunk_vert+v;
\ncol = x*chunk_horz+h;<\/code><\/p>\n
This expression grid[row*COLUMNS+col]<\/code> calculates the offset within the grid, which is less complex thanks to separating the values for row<\/code> and col<\/code>.<\/p>\n
Figure 2 shows the output from this part of the code, which is quite tall but I split it into two columns:<\/p>\n
\"colorful
Figure 2. The second part of the program’s output (split into two columns)<\/p><\/div>\n
The point of this exercise is to ensure that the data chunks are properly extracted. Based on their values and colors, everything looks good. The next step (which doesn’t involve three feet of output) is to calculate the averages for each data chunk. I present this update in next week’s Lesson.<\/p>\n","protected":false},"excerpt":{"rendered":"
I use colors and codes to ensure that the grid is properly divided into separate chunks. Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-7520","post","type-post","status-publish","format-standard","hentry","category-main"],"_links":{"self":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7520"}],"version-history":[{"count":5,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7520\/revisions"}],"predecessor-version":[{"id":7551,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7520\/revisions\/7551"}],"wp:attachment":[{"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/c-for-dummies.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}