1. Bespoke Visual Layouts with Charticulator
Daniel Marsh-Patrick
Bespoke Visual Layouts with Charticulator

2. Daniel Marsh-Patrick BI Consultant Power BI custom visuals author
@the_d_mp
daniel-m-p
coacervo.co
BI Consultant
Power BI custom visuals author
Loves
The
Data

3. Overview By Microsoft Research Free and open source
Bespoke chart designs, without programming
Interactive editor
Reusable designs and templates

4. Where to find the Application
charticulator.com
charts.powerbi.tips
Build from source (GitHub)

5. Source Data Use CSV format data First row must contain column names
Can provide additional CSV for source/target entity linking (not in scope for today)

6. Components Charts built using: Marks Glyphs Guides Plot Segments
Scaffolds/Axes

7. Mark Primitive graphical elements Shape Symbol Line Text Graphic Axis
Nested Chart

8. Glyph
Representation of single data row
Contains one or more marks 1 2

9. Guide Auxiliary element for positioning marks/glyphs
Use to ‘snap’ elements
Do not appear when exported

10. Plot Segment Lays out a set of glyphs Rectangular (default) or linear
Direction can be assigned either one of:
Scaffold
Categorical Axis
Numerical Axis

11. Scaffold
Stacks glyphs sequentially within plot segment (without data binding)
3 coordinate systems:
Cartesian - horizontal and/or vertical
Polar
Curve-based

12. Axis Specifies layout bound to data properties
Categorical axis groups glyphs (evenly) by categorical attribute
Numeric axis positions glyphs according to their numeric values

13. Layout Composition Combine scaffolds/axes for flexible designs!
Categorical axes can contain sub-layouts
Sub-layouts determine “within group” layout

14. Sample Chart

15. Re-using Save as .chart file Export process: Image HTML
Charticulator Template (for nested charts)
Power BI Custom Visual

16. Power BI Demo

17. Stretch Goal – Small Multiples for Year

18. Resources Charticulator – Site Charticulator @ powerbi.tips
Chart gallery
Video tutorials
powerbi.tips
Nick Snapp’s public share
Number formatting helper
Whitepaper

19. Thanks to our great Sponsors
Gold Sponsors
Silver Sponsors
Global Sponsors
Bronze Sponsors