Bespoke Visual Layouts with Charticulator

Slides:



Advertisements
Similar presentations
Creating Graph Cards Graphical representation of XA Data Jim Boyer
Advertisements

DAY 8: MICROSOFT EXCEL – CHAPTER 5 Aliya Farheen February 5, 2015.
FIRST COURSE Excel Tutorial 4 Working with Charts and Graphics.
GO! with Microsoft® Excel 2010
2 Part II Enhancing a Presentation Changing the Presentation Design Design template Professionally created slide designs contain –Color schemes –Custom.
COMPREHENSIVE Excel Tutorial 4 Working with Charts and Graphics.
Chapter 9 Creating Graphs in Illustrator. Objectives Create a graph Edit a graph using the Graph Data window Use the Group Selection tool Use the Graph.
Excel Lesson 10 Using Advanced Chart Features Microsoft Office 2010 Advanced Cable / Morrison 1.
Word Processing ADE100- Computer Literacy Lecture 13.
Create with SharePoint 2010 Jen Dodd Sr. Solutions Consultant
1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:
With Microsoft Excel 2007 Comprehensive 1e© 2008 Pearson Prentice Hall1 PowerPoint Presentation to Accompany GO! with Microsoft ® Excel 2007 Comprehensive.
Microsoft Robotics Studio Simulation Kyle Johns Software Development Engineer Microsoft Corporation.
Tutorial 1 Introducing Adobe Flash CS3 Professional
A Picture Is Worth A Thousand Words. DAY 7: EXCEL CHAPTER 4 Tazin Afrin September 10,
Microsoft Office Illustrated Fundamentals Unit I: Working with Charts.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Excel chapter 4.
SVG for Designers Tom Hoferek. Objectives Introduce SVG Illustrate its capabilities Demonstrate SVG in action Speculate, discuss, answer questions.
1 Tutorial 14 Validating Documents with Schemas Exploring the XML Schema Vocabulary.
A lesson approach © 2011 The McGraw-Hill Companies, Inc. All rights reserved. a lesson approach Microsoft® Excel 2010 © 2011 The McGraw-Hill Companies,
DAY 6: MICROSOFT EXCEL – CHAPTER 3 Sravanthi Lakkimsetty September 2, 2015.
WORD VOCABULARY LIST #5 MICROSOFT OFFICE WORD VOCABULARY LIST #5 bar chart - A chart with bars that compares the quantities of two or more items.
PowerPoint Lesson 6 Working with Tables and Charts Microsoft Office 2010 Advanced Cable / Morrison 1.
Excel Chapter 3: Excel Charts Objectives Decide which chart type to create Create a chart Change the chart type Change the data source and structure Apply.
Microsoft® Excel Use the Chart Tools Design tab. 1 Use the Chart Tools Layout and Format tabs. 2 Create chart sheets and chart objects. 3 Edit.
Banner Tutorial Module 4: Working with Images LESSONS 11 & 12.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Positioning Objects with CSS and Tables
Microsoft Office 2013 Try It! Chapter 4 Storing Data in Access.
XP New Perspectives on Microsoft Office Access 2003, Second Edition- Tutorial 8 1 Microsoft Office Access 2003 Tutorial 8 – Integrating Access with the.
B Copyright © 2011, Oracle and/or its affiliates. All rights reserved. Working with PDF and eText Templates.
Power View Overview April 25, POWER VIEW Presentation ready visualizations for the masses.
ODS Graphics By Example March 16, 2016 Rocio Lopez.
Excel Working with Charts and Graphs
Add More Zing to your Dashboards – Creating Zing Plot Gadgets
21 Essential Data Visualization Tools
Project Objectives Lay out Web pages Create layers
Objectives At the end of this session, students will be able to:
Microsoft Publisher 2010 Illustrated Introductory
Microsoft Excel 2007 The L Line The Express Line to Learning L Line
Excel Part 4 Working with Charts and Graphics
Excel Part 4 Working with Charts and Graphics
Rectangular Coordinates;
Literacy Research Memory Skill Practice Stretch!
Microsoft Excel Illustrated
Chart and Graphs used in Business CHART COMPONENTS
Tutorial 4 – Desktop Publishing
Building Worksheet Charts
Microsoft Office Access 2003
DREAMWEAVER MX 2004 Chapter 3 Working with Tables
exploring Microsoft Office 2013 Plus
Chart and Graphs used in Business CHART COMPONENTS
Microsoft Office Access 2003
The Distance and Midpoint Formulas
Chart and Graphs used in Business CHART COMPONENTS
Common Barriers to Accessibility on the Web
Chart and Graphs used in Business CHART COMPONENTS
Chart and Graphs used in Business CHART COMPONENTS
The Distance and Midpoint Formulas
Chart and Graphs used in Business CHART COMPONENTS
Graphs used in Business CHART COMPONENTS
Chart and Graphs used in Business CHART COMPONENTS
Chapter 8 Using Document Collaboration and Integration Tools
Excel Part 4 Working with Charts and Graphics
Microsoft Office Illustrated Fundamentals
Learning DAX? Five things to get you started fast
Hyper-Interactivity in Power BI
Data Analytics Case Study
Thomas “Tom” Martens Using Charticulator.
Presentation transcript:

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

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

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

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

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)

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

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

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

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

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

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

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

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

Sample Chart

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

Power BI Demo

Stretch Goal – Small Multiples for Year

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

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