I'm working on a project where something similar to this (maybe even animated) would fit perfectly, but I don't know how to create something similar (I want to create mountain shapes or buildings that may resemble a chart or levels)

Here are the designs I'm asking about: https://www.behance.net/gallery/29501907/Colorpongcom-Dataism-vector-bundle

Picture example too: enter image description here

Thank you!

  • In essence your asking how a doubly nested for loop works. This isn't really a graphics design question, but i have covered this here so the only thing is you replace lines with dots and there are more than one and its in cartesian coordinates not circular ones.
    – joojaa
    Jul 15, 2022 at 20:48
  • I see! Well, I have to research more into that, thank you for the starting point! I don't really understand what's going on there for now, but I will try to figure it out! Thank you again, amazing resource!
    – Edouard
    Jul 15, 2022 at 20:53
  • Ok, one question: How do I figure out what data I should dump there to achieve a similar design?
    – Edouard
    Jul 15, 2022 at 20:59
  • There's actually a lot of ways to create these sorts of things. And the Behance link you share has a lot of different visualizations, each not created in the exact same way most likely. If you have a more specific question, we may be able to help. As is, we probably can't be that useful Jul 15, 2022 at 21:26
  • @ZachSaucier I want to do something like in the image I shared, but instead of the chart to recreate mountains.
    – Edouard
    Jul 16, 2022 at 11:56

1 Answer 1


If you don't need actual data visualization and merely want to mimic the overall concept...

Art Brushes in Illustrator could be used...

enter image description here

... single path with an Art Brush applied, then effects used to rotate, duplicate, and distort the path.

The Art Brush consist of merely a slightly larger circle, then a dashed stroke to appear as dots..

enter image description here enter image description here

If you're unfamiliar with how to create a dashed stroke to appear as dots... examine the Stroke Panel in the image above - Stroke weight determines diameter of dot, rounded caps makes then rounded, 0 dash makes circles, and the gap is the space between dots.

When creating the Art Brush, set the Brush Scale Options to Stretch Between Guides and make certain that larger circle is not within the guides.

enter image description here

Then it's merely a matter of drawing...

Circular forms are fairly easy with transform effects....

enter image description here

But there are many, many other possibilities...

enter image description here

enter image description here
(Open in new window to see larger and you'll see it's all dots.)

.. and, of course, one can duplicate forms as well as manually draw paths with the Art Brush applied to them.

Ot adjust the Scale of the Art Brush for more variation...

enter image description here

  • Could you share the art brush you used, please?
    – Edouard
    Jul 17, 2022 at 22:00
  • @Edouard It's simply a (larger) circle and dashed line. There's nothing more to it. If you don't know how to create the dashed line which appears like "dots" see here: graphicdesign.stackexchange.com/questions/145034/… - Set the Art Brush to "stretch Between Guides" and adjust the guides so they do not encompass that larger circle.
    – Scott
    Jul 17, 2022 at 22:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.