How to create equal number, equal size grid columns and rows?

See more:

C#

XAML

WPF

MVVM

Hi everyone,

I have a peculiar challenge. Perhaps, it is very tricky to achieve.

I have to visualize data like this : https://drive.google.com/file/d/0B9nOduJIKxoeQWI5Z0g0aDhzSk0/view?usp=sharing

This a squared Treemap chart. Well I have to build a WPF application which visualize certain data using this squared treemap chart. Unfortunately, I dont have open source library to use like an api to visualize in the above way.

Hence, I came up with an idea.

Idea is this,

1. create a grid.
2. If i have "n" number of data items. Then, create a 'n' number of boxes ( divide grid into rows and columns ).
3. And then loop the rows and columns and change the properites of each cell.

However, I am finding difficulty in arriving a logic to divide the grid based on 'n' number.

In above pic, I have 150 machines, out of which some are km type and some are pu type machines. hence, in order to visualise the data of 150 machines i need 150 boxes inside grid. Now, my question is what is the logic for this.

for 150 machines i need 150 boxes in side grid. and this 150 is a variable its value is given dynamically and the cells inside grid should be created dynamically.

If, anyone has an idea for this logic can share with me. Or if u know/have any opensource library to use sqaured treemap chart in wpf please help me with it.

Thank you very much.