Visualising Data with Code

•

250 likes•32,319 views

Ri Liu

Talk for Computer Graphics on the Web

Data & Analytics Software Technology

Science Art
Graphic Design

Information Design

Journalism
Data Science

Computer Science

Statistics
Creative Coding

Cartography
Data Visualisation

Drawing Graphing (generated)
Tableau
Highcharts
Many Eyes
Gephi (network)
Sigmajs (network)
CartoDB (mapping)
Mapbox (mapping)
D3 generators (C3, Bokeh)
D3
Processing
p5
Nodebox
Raphael
Two.s
Paper.js
Snap.svg

closethegap.studiometric.co
Enter/Exit
Scales
http://www.jeromecukier.net/blog/2011/08/11/d3-scales-and-color/

ri.id.au/twitter-gender
Force directed layout
ri.id.au/network-diversity-simulation

foreignaffairs.com/infographics/2015-10-15/china-not-rogue-donor
Streamgraph

3. Ask some questions
Which countries are the best/worst for gender equality?
What is the difference between men and women in each
country?
Which countries have improved/worsened throughout
time?
How do countries compare in gender equality?

www.ri.id.au/closethegap
5. Reﬁne & Publish

twitter.com/riblah
studiometric.co
meetup.com/Data-Visualisation-Melbourne

What's hot

How ChatGPT and AI-assisted coding changes software engineering profoundlyPekka Abrahamsson / Tampere University

Machine Learning and AIJames Serra

ChatGPT for AcademicAndry Alamsyah

Microsoft + OpenAI: Recent Updates (Machine Learning 15minutes! Broadcast #74)Naoki (Neo) SATO

SXSW 2016 takeawaysHavas

Conversational AI and Chatbot IntegrationsCristina Vidu

An Introduction to Generative AI - May 18, 2023CoriFaklaris1

Leveraging Generative AI & Best practicesDianaGray10

AI FOR BUSINESS LEADERSAndre Muscat

Chat Gptveena775692

Analytics Trends 2016: The next evolutionDeloitte United States

An Introduction to Generative AICori Faklaris

Unlocking the Power of ChatGPT and AI in Testing - NextSteps, presented by Ap...Applitools

Generative AIlutzsuarnaba1

ChatGPT 101 - Vancouver ChatGPT ExpertsAli Tavanayan

ChatGPT Use- Cases Bluechip Technologies

Demystifying AIAnurag Sahay

Build and Modernize Intelligent AppsLorenzo Barbieri

Power Bi BasicsAbhishek Gautam

The Creative Ai stormLeandro Righini

What's hot (20)

How ChatGPT and AI-assisted coding changes software engineering profoundly

Machine Learning and AI

ChatGPT for Academic

Microsoft + OpenAI: Recent Updates (Machine Learning 15minutes! Broadcast #74)

SXSW 2016 takeaways

Conversational AI and Chatbot Integrations

An Introduction to Generative AI - May 18, 2023

Leveraging Generative AI & Best practices

AI FOR BUSINESS LEADERS

Chat Gpt

Analytics Trends 2016: The next evolution

An Introduction to Generative AI

Unlocking the Power of ChatGPT and AI in Testing - NextSteps, presented by Ap...

Generative AI

ChatGPT 101 - Vancouver ChatGPT Experts

ChatGPT Use- Cases

Demystifying AI

Build and Modernize Intelligent Apps

Power Bi Basics

The Creative Ai storm

Viewers also liked

Dataset - Visualizzare panoramiche complete - Stefano Greco, Method Camp 2013Sketchin

Telling Stories with Data - Using Story SpineAmit Kapoor

The Purpose Of Reflective PracticeToby Adams

Designing the Future of Bank Experience - A journey through the organisationa...Sketchin

Pollen VC Building A Digital Lending BusinessPollen VC

13 Inspiring Quotes about DesignEthos3

Viewers also liked (6)

Dataset - Visualizzare panoramiche complete - Stefano Greco, Method Camp 2013

Telling Stories with Data - Using Story Spine

The Purpose Of Reflective Practice

Designing the Future of Bank Experience - A journey through the organisationa...

Pollen VC Building A Digital Lending Business

13 Inspiring Quotes about Design

Similar to Visualising Data with Code

Visualizing your data in JavaScriptMandi Cai

Visualisation Tools to Support Data EngagementTony Hirst

From Data to Visualization, what happens in between?Krist Wongsuphasawat

Visualizing data spring2012Lisa Kurt

Mini-Training: DataViz, data-driven documents and D3.jsBetclic Everest Group Tech Team

Brief Intro to Data VisualisationRi Liu

Ai progress = leaderboards compute data algorithms 20180817 v3ISSIP

#JAGUnity2014: DataViz for Philanthropists! Tips, Tools, and How-Tos for Comm...Innovation Network

10 Minute UX Talk Designing Data VisualizationAdam Hill

Data Mining the City 2019 - Week 1Violet Whitney, LEED AP

Explore Data: Data Science + VisualizationRoelof Pieters

Integrating and publishing public safety data using semantic technologiesAlvaro Graves

DSDT Meetup January 2018DSDT_MTL

Dsdt meetup-january2018JDA Labs MTL

Ethical ai 20180503 v1ISSIP

D3.js for beginnersKota Fujishiro

Introduction to D3.jsOleksii Prohonnyi

Knowledge Discovery in ProductionAndré Karpištšenko

Semantic web design for www.data.gov.sg - PresentationMuthu Kumaar Thangavelu

Data Workflows for Machine Learning - SF Bay Area MLPaco Nathan

Similar to Visualising Data with Code (20)

Visualizing your data in JavaScript

Visualisation Tools to Support Data Engagement

From Data to Visualization, what happens in between?

Visualizing data spring2012

Mini-Training: DataViz, data-driven documents and D3.js

Brief Intro to Data Visualisation

Ai progress = leaderboards compute data algorithms 20180817 v3

#JAGUnity2014: DataViz for Philanthropists! Tips, Tools, and How-Tos for Comm...

10 Minute UX Talk Designing Data Visualization

Data Mining the City 2019 - Week 1

Explore Data: Data Science + Visualization

Integrating and publishing public safety data using semantic technologies

DSDT Meetup January 2018

Dsdt meetup-january2018

Ethical ai 20180503 v1

D3.js for beginners

Introduction to D3.js

Knowledge Discovery in Production

Semantic web design for www.data.gov.sg - Presentation

Data Workflows for Machine Learning - SF Bay Area ML

Recently uploaded

SMOTE and K-Fold Cross Validation-Presentation.pptxHaritikaChhatwal1

modul pembelajaran robotic Workshop _ by Slidesgo.pptxaleedritatuxx

Predictive Analysis for Loan Default Presentation : Data Analysis Project PPTBoston Institute of Analytics

Real-Time AI Streaming - AI Max PrincetonTimothy Spann

Decoding Patterns: Customer Churn Prediction Data Analysis ProjectBoston Institute of Analytics

Bank Loan Approval Analysis: A Comprehensive Data Analysis ProjectBoston Institute of Analytics

Advanced Machine Learning for Business ProfessionalsVICTOR MAESTRE RAMIREZ

6 Tips for Interpretable Topic Models _ by Nicha Ruchirawat _ Towards Data Sc...Dr Arash Najmaei ( Phd., MBA, BSc)

convolutional neural network and its applications.pdfSubhamKumar3239

NO1 Certified Black Magic Specialist Expert Amil baba in Lahore Islamabad Raw...Amil Baba Dawood bangali

Data Analysis Project : Targeting the Right Customers, Presentation on Bank M...Boston Institute of Analytics

Student Profile Sample report on improving academic performance by uniting gr...Seán Kennedy

Unveiling the Role of Social Media Suspect Investigators in Preventing Online...Milind Agarwal

Easter Eggs From Star Wars and in cars 1 and 217djon017

FAIR, FAIRsharing, FAIR Cookbook and ELIXIR - Sansone SA - Boston 2024Susanna-Assunta Sansone

Minimizing AI Hallucinations/Confabulations and the Path towards AGI with Exa...Thomas Poetter

English-8-Q4-W3-Synthesizing-Essential-Information-From-Various-Sources-1.pdfblazblazml

Data Analysis Project: Stroke PredictionBoston Institute of Analytics

What To Do For World Nature Conservation Day by Slidesgo.pptxSimranPal17

Defining Constituents, Data Vizzes and Telling a Data StoryJeremy Anderson

Recently uploaded (20)

SMOTE and K-Fold Cross Validation-Presentation.pptx

modul pembelajaran robotic Workshop _ by Slidesgo.pptx

Predictive Analysis for Loan Default Presentation : Data Analysis Project PPT

Real-Time AI Streaming - AI Max Princeton

Decoding Patterns: Customer Churn Prediction Data Analysis Project

Bank Loan Approval Analysis: A Comprehensive Data Analysis Project

Advanced Machine Learning for Business Professionals

6 Tips for Interpretable Topic Models _ by Nicha Ruchirawat _ Towards Data Sc...

convolutional neural network and its applications.pdf

NO1 Certified Black Magic Specialist Expert Amil baba in Lahore Islamabad Raw...

Data Analysis Project : Targeting the Right Customers, Presentation on Bank M...

Student Profile Sample report on improving academic performance by uniting gr...

Unveiling the Role of Social Media Suspect Investigators in Preventing Online...

Easter Eggs From Star Wars and in cars 1 and 2

FAIR, FAIRsharing, FAIR Cookbook and ELIXIR - Sansone SA - Boston 2024

Minimizing AI Hallucinations/Confabulations and the Path towards AGI with Exa...

English-8-Q4-W3-Synthesizing-Essential-Information-From-Various-Sources-1.pdf

Data Analysis Project: Stroke Prediction

What To Do For World Nature Conservation Day by Slidesgo.pptx

Defining Constituents, Data Vizzes and Telling a Data Story

Visualising Data with Code

1. Visualising Data with Code Ri Liu

2. Science Art Graphic Design Information Design Journalism Data Science Computer Science Statistics Creative Coding Cartography Data Visualisation

4. 5

5. mathewlucas.co.uk

6. guns.periscopic.com/

7. Tools

8. Drawing Graphing (generated) Tableau Highcharts Many Eyes Gephi (network) Sigmajs (network) CartoDB (mapping) Mapbox (mapping) D3 generators (C3, Bokeh) D3 Processing p5 Nodebox Raphael Two.s Paper.js Snap.svg

10.

11. closethegap.studiometric.co Enter/Exit Scales http://www.jeromecukier.net/blog/2011/08/11/d3-scales-and-color/

12. ri.id.au/twitter-gender Force directed layout ri.id.au/network-diversity-simulation

13. foreignaffairs.com/infographics/2015-10-15/china-not-rogue-donor Streamgraph

14. motion-data.studiometric.co Transitions

15. Process

16. 1. Look at the Data

17. 2. Make an Ugly Graph

18. 3. Ask some questions Which countries are the best/worst for gender equality? What is the difference between men and women in each country? Which countries have improved/worsened throughout time? How do countries compare in gender equality?

19. 4. Get Inspiration

20. 5. Play with ideas

21. www.ri.id.au/closethegap 5. Reﬁne & Publish

22. twitter.com/riblah studiometric.co meetup.com/Data-Visualisation-Melbourne