Data visualization to expand your skills as a creator

A presentation slide for BOOST/PLAY/MEASURE(BPM), organized by Creative Economy Agency (Public Organization) in Thailand in collaboration with FabCafe Bangkok on Saturday, 29 April, 2023.

2023年4月29日（土）タイのCreative Economy Agency（公的機関）がFabCafe Bangkokと共同で開催する「BOOST/PLAY/MEASURE（BPM）」でのプレゼンテーションスライドです。

Transcript

1. Data visualization to expand your skills as a creator Yuichi Yazaki
2. Who are you?
3. ✓ Data visualization practitioner/ researcher based in Japan. ✓ A part-time faculty member at 3 universities of arts ✓ Co-founder of the community "Data Visualization Japan". Yuichi Yazaki
4. “The Potential of Urban Science: Where Urban Science and Technology Are Now” https://utokyony.adm.u-tokyo.ac.jp/news/2022/03/sustainable-urban-development-en/
5. “The Potential of Urban Science: Where Urban Science and Technology Are Now” https://utokyony.adm.u-tokyo.ac.jp/news/2022/03/sustainable-urban-development-en/
6. The exhibition "Visible x Invisible ─ Big Data and Next Generation Information Representation" https://tub.tamabi.ac.jp/exhibitions/2027/ https://youtu.be/Q6G59NIX7Bs?t=124
7. The exhibition "Visible x Invisible ─ Big Data and Next Generation Information Representation" https://tub.tamabi.ac.jp/exhibitions/2027/ https://youtu.be/Q6G59NIX7Bs?t=124
8. Judgit! https://judgit.net/
10. Open Data Day Logo Generator https://opendataday.org/ https://odd.structure-and-representation.com/ https://speakerdeck.com/n1n9/open-data-day-logo-generator?slide=48
11. What is data visualization?
12. ✓ Data and representation are inextricably linked ✓ Something that can be visualized in real time through coding or tools. ✓ Not necessarily coding required!
13. Visualization of sports data
14. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE Icons by Icons8 Box-score data Tracking data Meta data State of the Art of Sports Data Visualization Statistical summary of match results Collect accurate spatio-temporal data about players and equipment in play in real time Rules, stadium capacity, physical characteristics of players, social media activity during games, weather and sponsors https://www.semanticscholar.org/paper/State-of-the-Art-of-Sports-Data-Visualization-Perin-Vuillemot/b7e06145821a4dce0b630e6dedcd659a17cf9a0f 3 Types of Sports Data
15. Tracking data
16. Tracking data Events and Trajectories Players’ Point of View 3rd Person view. Tracks player position on the fi 1st Person view. 1. Viewers relive the play 2. Feedback loop for the player him/ herself Icons by Icons8 State of the Art of Sports Data Visualization https://www.semanticscholar.org/paper/State-of-the-Art-of-Sports-Data-Visualization-Perin-Vuillemot/b7e06145821a4dce0b630e6dedcd659a17cf9a0f
17. Tracking data Events and Trajectories 3rd Person view
18. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Forms" by Memo Akten https://www.memo.tv/works/forms/ https://youtu.be/oXJO5hB72bw?t=119
19. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Fencing tracking and visualization system" by Rhizomatiks https://research.rhizomatiks.com/s/works/fencing_tracking/en.html
20. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE https://togetter.com/li/1824764 "Hakone Ekiden 3D" by Akihiko Kusanagi https://github.com/nagix/hakone-ekiden
21. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE https://motion-gallery.net/projects/3dda-nakagin/ "Nakagin Capsule Tower Building" by 3D Digital Archive Project https://www.youtube.com/watch?v=Pxm9ZVgpwEk
22. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "PhotoViz" by Nicholas Felton http://feltron.com/PhotoViz.html
23. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Toronto Raptors at Atlanta Hawks" by Pelle Cass https://www.instagram.com/p/CIQmvMYggZN/
24. Players’ Point of View tracking data 1st Person view
25. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "How Mariano Rivera Dominates Hitters" by New York Times https://www.nytimes.com/video/sports/1247468158551/how-mariano-rivera-dominates-hitters.html
26. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Corona Perspectives" by Espadaysantacruz Studio https://www.espadaysantacruz.com/projects/corona-perspectives https://www.espadaysantacruz.com/projects/every-match-is-a-masterpiece
27. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Reactor for Awareness in MotionʢRAMʣ" by YCAM https://special.ycam.jp/ram/
28. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Chinatown: Time Travel Through a New York Gem" by New York Times https://www.nytimes.com/interactive/2020/12/02/arts/design/chinatown-virtual-walk-tour.html
29. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE
30. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE RealityScan https://www.capturingreality.com/
31. What we can gain from data visualization?
32. ✓ Visual understanding of data ✓ Can be used for real-time feedback ✓ Gain a bird's eye view ✓ Can be used for other data sets.
33. Any Tips?
34. CSV comma separated values
35. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE Every cyclist and stage of the Tour de France https://docs.google.com/spreadsheets/d/1rBtySRFsdrQTkEip9y5lq-DQepqpVVQo6Y-XUaGzVj8/edit?usp=sharing https://github.com/thomascamminady/LeTourDataSet
36. JSON JavaScript Object Notation
37. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE https://jsoncrack.com/
38. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE JSON Crack https://jsoncrack.com/
39. https://openre fi ne.org/ Open Re fi ne
40. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE Creative Coding Data Visualization by media artist by computer scientist
41. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE Creative Coding Data Visualization
42. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE Creative Coding Data Visualization Nature's Algorithms tracking data
43. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE D3.js Random Value Viewer http://structure-and-representation.com/works/randomViewer/
44. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "I.5: Perlin Noise - The Nature of Code" by The Coding Train https://youtu.be/8ZEMLCnn8v0?t=660 ɹPerlin Noise
45. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Coding Train Live 162: Flocking Simulation("Boids")" by The Coding Train https://www.youtube.com/live/qtUV-DoSOpk?feature=share&t=4401 ɹBoids (Flocking) https://github.com/nature-of-code/noc-examples-p5.js
46. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE Easing functions https://easings.net/ ɹEasings.net
47. Ok, how do we get started?
48. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are graphic designer ... SVG Scalable Vector Graphics
49. https://www.rawgraphs.io/
50. Work by Tama Art University student
51. Work by Tama Art University student
52. https:// fl ourish.studio/ https://help. fl ourish.studio/article/44-bar-chart-race-an-overview https:// fl ourish.studio/examples/ https://help. fl ourish.studio/article/353-sports-race-an-overview
53. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are motion graphic designer ... TouchDesigner https://derivative.ca/
54. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are motion graphic designer ... "Ping-pong ball trajectory" by Yugo Minomo https://derivative.ca/community-post/tutorial/contents-creation-image-processing-techniques-touchdesigner/62784 https://www.instagram.com/p/Bz3GPd8jt8x/
55. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are motion graphic designer ... "Touch Designer tutorial" by Scott Allen https://scottallen.ws/tau/pe2020/5_dat#%E6%8E%88%E6%A5%AD%E5%86%85%E8%AA%B2%E9%A1%8C
56. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are motion graphic designer ... "supersymmetry" by Ryoji Ikeda https://www.ycam.jp/archive/works/supersymmetry/
57. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are 3d designer ... Houdini https://www.sidefx.com/products/houdini/
58. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Veri fi cation Corona budget 77 trillion yen" by NHK (Japanese TV station) https://youtu.be/uQlNZ5bxOA0?t=31
59. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Tutorial: HoudiniͰData Visualization" by hasegawa_t https://qiita.com/hasegawa_t/items/ad7fa5d67bdd9f7b864a
60. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "YouTube channel" by Junichiro Horikawa https://www.youtube.com/c/JunichiroHorikawa
61. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE "Tutorial: VIS 2020: Scienti fi c Visualization in Houdini" by several researchers https://www.youtube.com/watch?v=J0_D5ykF9V4&ab_channel=IEEEVisualizationConference
62. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are clothing designer ... "A data-driven fashion collection" by Giorgia Lupi http://giorgialupi.com/giorgia-lupi-otherstories
63. ˜/PUBUJPO
    --$
    BMM
    SJHIUT
    SFTFSWFE If you are clothing designer ... "OBSERVE, COLLECT, DRAW! - A Visual Journal" by Giorgia Lupi & Stefanie Posavec http://giorgialupi.com/observe-collect-draw
64. Expand your skills as a creator with data visualization!