Either you change the aspect ratio of the canvas and isomatic calculates the width and the height of the grid.
Or isomatic adjusts the aspect ratio automaticaly in relation to the current size of the canvas.
Or isomatic adjusts the aspect ratio automaticaly in relation to the current size of the canvas.
Only SVG files, which were adjusted, rendered and exported in isomatic, can be imported later on.
Additional changes outside, for example in Adobe Illustrator etc., can’t be imported by isomatic (deleted options and data).
Keep your generated SVG safe to preserve the possibility of changes in isomatic afterwards.
The exported file can include all options and data inputs generated by this application.
The exported file can include all options and data inputs generated by this application.
Paste Data
Data Preview
1
Copy and Paste your data into the "paste data" textarea.
2
Data can be imported from various spreadsheet applications like Excel, Numbers, Google Spreadsheets.
3
Click “Import” to load your data into isomatic and get a preview.
1
Check if everything is fitted perfect – If not, just follow the instructions in "Paste Data".
Select Type
Additional Options
1
You can choose between different isotype layouts.
We designed the most widespread types for isotype graphics like the ranked/normal,
versus or compare layouting.
2
To see what´s possible with isomatic, just take a look at the Examples.
1
If you like to distribute the columns equally,
just activate the first option to assign the icons on the canvas.
2
You can additionally align your layout with horizontal or vertical lines.
It can be used to visual and intensify the separation of your categories.
It can be used to visual and intensify the separation of your categories.
Mapping
Drag And Drop
1
Choose if the icons should be mapped to the Columns or Rows of your dataset.
2
The correct selection depends of course on your dataset and the way you want to visualize it.
1
You can see a list of your available rows or columns with their labels.
2
The correct selection depends of course on your dataset and the way you want to visualize it.
Mapping
Colorpicker
Presets
1
Choose if the colors should be applied to the columns or rows of your dataset.
2
The correct selection depends of course on your dataset and the way you want to visualize it.
1
It is possible to color your icons manually.
Click on the color field below the column/row label and select your color via the colorpicker.
2
If you like to modify the colors you can change them with the integrated colorpicker.
1
There are a few default colorpalettes supplied.
Select one to color all categories of you data set automatically.
2
You can of course alter the colors after you have loaded them from an pallette (see "Colorpicker").
Outer Margin
Horizontal Margin
Vertical Margin
Row Margin
Column Margin
Icon Size
1
The outer margin defines the distance from the actual graphic to the canvas.
1
Adjust the horizontal space between your icons by changing this value.
1
Adjust the vertical space between your icons.
1
Adjusts the horizontal space between icon rows.
If this is smaller than the Icon Horizontal Margin, it will be ignored.
1
Adjusts the vertical space between icon rows.
If this is smaller than the Icon Vertical Margin, it will be ignored.
1
The icon size can be adjusted automatically if "Auto Icon Size" is checked.
This will calculate sane defaults that may be what you need or not.
By unchecking this option you can set the size manually.
By unchecking this option you can set the size manually.
Set Scale
Size Rounding
1
The scale is initially auto calculated.
Here you can change it manually
Here you can change it manually
2
The scale also defines how inaccurate or accurate your dataset
will be visualized on the canvas.
1
Enable the Round Size Checkbox to scale the last icon according to the remainding value.
This increases the accuracy of the infographic.
This increases the accuracy of the infographic.
2
RoundUp defines at which point the sizing will ignore the difference and simply round fully up.
2
RoundDown defines at which point the sizing will ignore the difference and simply round fully down.
Text Settings
Legend Settings
1
In this section you can change the font size of the legend.
2
This defines the width of the left legend.
If your legend text overlaps with the visualization set this to higher value.
1
This defines the width of the left legend.
If your legend text overlaps with the visualization set this to higher value.
2
Draw Column Legend defines if the Column Legend should be drawn at all.
