可视化
Getting Started with D3 豆瓣
作者: Mike Dewar O'Reilly Media 2012 - 7
The d3 Javascript library allows us to make beautiful, interactive browser-based data visualisations. By joining standard web page elements with a well-formed data set, d3 enables us to create everything from simple bar charts to complex infographics. d3 leverages existing web technologies, allowing the data scientist to create graphics using HTML and SVG, and to style them using CSS. This book guides a practitioner through the first few steps of learning d3 through a set of tutorials, based on real-world publicly available data from the New York Metropolitan Transit Authority.
2014年3月4日 已读
其实早就用过 d3.js。薄薄一本,今天物理实验课上翻完了。作为 book 不太推荐,但还算是不错的 intro/doc。
Web 可视化
代码本色:用编程模拟自然系统 豆瓣
The Nature of Code: Simulating Natural Systems with Processing
9.6 (5 个评分) 作者: Daniel Shiffman 译者: 周晗彬 人民邮电出版社 2014 - 10
本书介绍了用计算机模拟自然系统涉及的编程策略与技术,涵盖了基本的数学和物理概念,以及可视化地展示模拟结果所需的高级算法。读者将从构建基本的物理引擎开始,一步一步地学习如何创建智能移动的物体和复杂的系统,为进一步探索生成设计奠定基础。相关的知识点包括力、三角、分形、细胞自动机、自组织和遗传算法。本书的示例使用基于Java的开源语言及开发环境Processing编写。本书网站http://www.natureofcode.com)上的示例是在浏览器中通过Processing的JavaScript模式运行的。
作为纽约大学Tisch艺术学院Nature of Code课程主讲老师,Daniel集合了多年开发和教学经验,希望借由此书让大家真正了解如何用代码模拟自然现象。
2015年3月16日 已读
漂亮的科普书,墙裂推荐。去官网点点 demo 也很有趣:www.natureofcode.com。
可视化 游戏
Interactive Data Visualization for the Web 豆瓣
作者: Scott Murray O'Reilly Media 2013 - 3
Create and publish your own interactive data visualization projects on the Web, even if you have no experience with either web development or data visualization. It's easy with this hands-on guide. You'll start with an overview of data visualization concepts and simple web technologies, and then learn how to use D3, a JavaScript library that lets you express data as visual elements in a web page. Interactive Data Visualization for the Web makes these skills available at an introductory level for designers and visual artists without programming experience, journalists interested in the emerging data journalism processes, and others keenly interested in visualization and publicly available data sources. Get a practical introduction to data visualization, accessible for beginners Focus on web-based tools that help you publish your creations quickly to a wide audience Learn about interactivity so you can engage users in exploring your data
麻省理工学院媒体实验室约翰.梅达的学生作品-设计新视点丛书 豆瓣
作者: 王序 中国青年出版社 2001 - 1
《麻省理工学院媒体实验室约翰·梅达的学生作品》内容简介:ACG是一间实验实研究工作室,于一九九六年成立,是前途教授穆里尔·库朋的可视语言室的再续,自它成产的短短时期里,ACG独特的实验作品以其在概念与工艺上的独创性,获得了众多奖项与赞誉,ACG成就的一个重要因素在于它以举行专题研讨会和活动的形式将基本的电脑技术概念介绍给艺术设计团体。
这里所介绍的设计师都参与了梅达工作室的教育项目,大多数的学生是研究生,有些是大学生,如《ACG·麻省理工学院媒体实验室约翰·梅达的学生作品》封面作品的设计师马克斯·凡·克里克。梅达对过去与现在的小组成员深表感激。
Processing: Creative Coding and Computational Art 豆瓣
作者: Ira Greenberg Apress 2008 - 2
Create code art, visualizations, and interactive applications with this powerful yet simple computer language and programming environment
Learn how to code 2D and 3D animation, pixel-level imaging, motion effects, and physics simulations
Take a creative and fun approach to learning creative computer programming If you're interested in creating cutting-edge code-based art and animations, you've come to the right place! Processing (available at www.processing.org) is a revolutionary open source programming language and environment designed to bridge the gap between programming and art, allowing non-programmers to learn programming fundamentals as easily as possible, and empowering anyone to produce beautiful creations using math patterns. With the software freely available, Processing provides an accessible alternative to using Flash for creative coding and computational artboth on and off the Web. This book is written especially for artists, designers, and other creative professionals and students exploring code art, graphics programming, and computational aesthetics. The book provides a solid and comprehensive foundation in programming, including object-oriented principles, and introduces you to the easy-to-grasp Processing language, so no previous coding experience is necessary. The book then goes through using Processing to code lines, curves, shapes, and motion, continuing to the point where you'll have mastered Processing and can really start to unleash your creativity with realistic physics, interactivity, and 3D! In the final chapter, you'll even learn how to extend your Processing skills by working directly with the powerful Java programming languagethe language Processing itself is built with.
You'll learn:
The fundamentals of creative computer programming—from procedural programming, to object-oriented programming, to pure Java programming
How to virtually draw, paint, and sculpt using computer code and clearly explained mathematical concepts
2D and 3D programming techniques, motion design, and cool graphics effects
How to code your own pixel-level imaging effects, such as image contrast, color saturation, custom gradients and more
Advanced animation techniques, including realistic physics and artificial life simulation
Summary of Contents
PART ONE: THEORY OF PROCESSING AND COMPUTATIONAL ART
Chapter 1: Code Art
Chapter 2: Creative Coding
Chapter 3: Code Grammar 101
Chapter 4: Computer Graphics, the Fun, Easy Way
Chapter 5: The Processing Environment
PART TWO: PUTTING THEORY INTO PRACTICE
Chapter 6: Lines
Chapter 7: Curves
Chapter 8: Object-Oriented Programming
Chapter 9: Shapes
Chapter 10: Color and Imaging
Chapter 11: Motion
Chapter 12: Interactivity
Chapter 13: 3D
Chapter 14: 3D Rendering in Java Mode
PART THREE: REFERENCE
Appendix A: Processing Language API
Appendix B: Math Reference
Appendix C: Integrating Processing within Java
数据可视化实战 豆瓣
Interactive data visualization for the Web
作者: [美] Scott Murray 译者: 李松峰 人民邮电出版社 2013 - 6
你手头有一些数据,想做成漂亮的图表放到网站上?好主意,通过浏览器来跨平台实现数据可视化是正确的选择。什么,你还想让图表能够响应用户操作?没问题,交互式图表比静态图片更能吸引人去探究本源。好啦,要生成通过浏览器展示的动态图表,首选目前最热门的Web数据可视化库——D3。
这本书很有意思,而且对读者要求不高。不需要知道什么是数据可视化,也不用有太多Web开发背景就能看懂它。不信?翻一翻就知道这是一本既好玩又实用的动手指南啦!看完这本书你会怎么样呢?
掌握必要的HTML、CSS、JavaScript和SVG基础知识;
学会基于数据在网页里生成元素和为它们设置样式的技巧;
能够生成条形图、散点图、饼图、堆叠条形图和力导向图;
使用平滑的过渡动画来展示数据的变化;
赋予图表动态交互能力,响应用户从不同角度探索数据的请求;
收集数据和创建自定义的地图;
另外,本书100多个代码示例都可以在线浏览!