Join Barton Poulson for an in-depth discussion in this video Implementing slicing, part of Processing: Interactive Data Visualization.
One helpful way of interacting with data is with what's called slicing. …Now there's a few different versions of this, but the version of slicing that we're going …to be using is basically a lateral only hover. That is, you're driving a line over data points …from left to right, and when you get to them, it will bring up the information that you want. …It will do the interactivity at that point. …Now a couple of chapters ago, we did a movie that featured some slicing and that was the …one on the line plot, and what I'm doing is I'm bringing up the code on that one again, …but I want to show you a little bit more about how we did the slicing, how it functioned …and some of the choices that went into it.…
So, let me first show you exactly what it looks like again. So I'm going to just hit …the Play button and here we bring up this Georges Braque Google search data. …You see I've got a cursor here. As I bring it over a couple of things happen. …Most significantly, the cursor disappears. …Also I have a reference line, the tall tan line that goes behind all of the red lines …
Author
Released
9/25/2012- Exploring the need for creative data visualization
- Drawing basic lines and shapes
- Introducing variables, strings, and arrays
- Modifying drawing attributes such as color
- Making drawings more dynamic with animation loops and spirals
- Creating keyboard- and mouse-based interactions
- Adding images, video, and sound
- Reading in text or XML data
- Creating plots and charts
- Publishing and sharing your work
Skill Level Beginner
Duration
Views
Related Courses
-
Introduction
-
Welcome54s
-
What you should know1m 22s
-
-
1. Basics of Visualization
-
Overview of data visualization11m 51s
-
-
2. Basics of Processing
-
Installing Processing3m 38s
-
Overview of Processing4m 5s
-
Exploring libraries4m 10s
-
-
3. Basics of Drawing
-
Basic setup7m 31s
-
Drawing points4m 37s
-
Drawing lines5m 6s
-
Drawing ellipses and circles5m 24s
-
Drawing arcs6m 54s
-
Drawing quadrangles3m 25s
-
Drawing triangles2m 55s
-
Drawing polygons3m 37s
-
Drawing simple curves4m 54s
-
Drawing complex curves6m 46s
-
Drawing Bézier curves5m 38s
-
-
4. Variables
-
Introduction to variables10m 44s
-
Understanding variable scope6m 53s
-
Modifying variables9m 8s
-
Creating arrays9m 53s
-
Modifying arrays6m 37s
-
Creating strings7m 3s
-
Modifying strings3m 45s
-
-
5. Drawing Attributes
-
Incorporating randomness7m 59s
-
Using Perlin noise4m 24s
-
Shuffling with Java3m 30s
-
Changing placement modes5m 45s
-
Exploring color spaces7m 44s
-
Using color palettes7m 5s
-
Transforming the grid8m 38s
-
-
6. Dynamic Drawings
-
Building code blocks5m 57s
-
Writing a while loop3m 52s
-
Using for loops5m 35s
-
Creating conditionals14m 50s
-
Working with easing10m 51s
-
Creating spirals11m 2s
-
-
7. Interaction
-
Mouse tracking3m 54s
-
Hovering and clicking11m 16s
-
-
8. Media
-
Specifying fonts6m 43s
-
Using images5m 51s
-
Playing a video loop6m 20s
-
Exporting video3m 47s
-
Adding sound4m 51s
-
-
9. Grouping Code
-
Creating functions11m 48s
-
-
10. Reading Data
-
Using embedded data5m 26s
-
Reading XML data9m 14s
-
-
11. Varieties of Data Visualizations
-
Generating dot plots11m 11s
-
Making line plots9m 53s
-
Creating bar charts9m 12s
-
-
12. Elements of Design for Visualization
-
Understanding color theory7m 13s
-
13. Elements of Interaction
-
Implementing slicing6m 47s
-
Using rollovers5m 58s
-
14. Publishing and Sharing
-
Saving as JavaScript1m 47s
-
Conclusion
-
Where to go from here2m 38s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Implementing slicing