Episodes
Audio
Chapters (AI generated)
Speakers
Transcript
Treemaps w/ Ben Shneiderman
Enrico: I just came back from push conference in Munich. Two days was really good. We are having good weather. It's a little cold, but it's fine.
Enrico BertiniHi everyone. Data stories number 29. Hi, Moritz, how are you?
Moritz StefanerHey, Enrico. I'm doing great.
Enrico BertiniWhat's going on?
Moritz StefanerYeah, it's super windy outside, so autumn has arrived. I just came back from push conference in Munich. That was great fun. Yeah, that's like user interface design, data visualization conference. Two days was really good. So I met a few old friends and new ones and had a good time.
Enrico BertiniGreat, great to hear that. Good, good.
Moritz StefanerHow about you?
Enrico BertiniI'm good. We are having good weather. It's a little cold, but it's fine. It's fine.
Ben Shneiderman on Tree Maps AI generated chapter summary:
We have a special guest on the show today, Ben Shneiderman. We will focus this episode on tree maps and more specifically on the tree map art project. I have to admit I'm a little nervous for the first time while recording.
Moritz StefanerYeah, semester has started.
Enrico BertiniSemester? Well, it started a long time ago. So we are midway through the semester.
Moritz StefanerOh yeah. Crazy.
Enrico BertiniReally interesting what's going on. Yeah, but we have such a special guest today that I don't feel like talking about ourselves too much. So we have Ben Shneiderman on the show. Hi, Ben, how are you? Welcome on the show.
Ben ShneidermanHi, Enrico, I'm Moritz. Good to be here.
Enrico BertiniIt's such a pleasure and honor for us to have you here. I have to admit I'm a little nervous for the first time while recording. I hope it's gonna fade away in a few minutes or seconds.
Ben ShneidermanThat's fine.
Enrico BertiniSo I don't think I have to introduce Ben. I mean, there are so many things to say. I mean, so that we will focus this. We could actually talk for hours or even ages, but we will focus this episode on tree maps and more specifically on the tree map art project. But before we do that, I want to let Ben introduce himself. I'm sure he's gonna a much better job than me. Introducing Ben. In case we have some listeners who don't know you or don't know exactly who you are, can you tell us a little bit about your background, what you've done, what you're doing, what are your interests and so on.
Introducing Ben Bradshaw AI generated chapter summary:
Ben: My background is in computer science, doing database and file design and optimization techniques. Over the years, I became more and more interested in combining these interests, making visual interfaces. He says new ideas are slow to be accepted.
Enrico BertiniSo I don't think I have to introduce Ben. I mean, there are so many things to say. I mean, so that we will focus this. We could actually talk for hours or even ages, but we will focus this episode on tree maps and more specifically on the tree map art project. But before we do that, I want to let Ben introduce himself. I'm sure he's gonna a much better job than me. Introducing Ben. In case we have some listeners who don't know you or don't know exactly who you are, can you tell us a little bit about your background, what you've done, what you're doing, what are your interests and so on.
Ben ShneidermanWell, thank you for the opportunity. My background is in computer science, doing database and file design and optimization techniques, very traditional computer science. And I began to be interested more in the psychological issues and studied the way programmers worked and then began to study how users of interfaces do their work. So my book in 1980, imagine, was called software psychology, that talked about these things and that was a big success. So that encouraged me and began to become 20% of an experimental psychologist in studying the way people use computers. And that led me more and more towards the visual aspect, which was in harmony with my interests in photography. My uncle was a famous photographer named David Seymour. So that was my potential potential alternate career. But I chose to keep it my hobby. And many of you know that I'm always taking pictures at conferences of professionals, but I made that a hobby, and my work became computer science, and that worked out very well. And over the years, I became more and more interested in combining these interests, making visual interfaces and representing information in visual formats. So I would say for me, the important step was 1980, 119 82, when I composed the theory of direct manipulation, the visual representation of the objects of interest, and the rapid, incremental and reversible operations that users could apply, and then they could immediately see the results of their work. And so that influenced the development of graphic user interfaces and video games and many other systems. There are many other people who had such ideas, but I think people appreciated that. I wrote down the psychological foundations and gave some principles for the design that they could teach to others and apply in their own work. So by the late eighties, I was already making visualizations. And the story we have today is of a particular challenge of tree maps, which began in 1990. So I was running our laboratory. The human Computer Interaction laboratory at the University of Maryland began in 1983. And we had a nice group that was working on doing empirical studies. And there were 14 people who were sharing a single hard drive on a Macintosh. Imagine that. And so I was always in trouble because the hard drive would full up, be filled, and I would have to run around to figure out who to bother to free up some space. And as you know, you click apple I and you get to see a textual list of the number of bytes in each directory. But I wanted more than that. And so I had to do that 14 times to understand who was using the space. But I also wanted a recursive program which would go not just to the first level, but would go deeper and deeper. I and I worked on that for months. And finally one day, I had this great aha. Moment of discovery of. And it took me three days to convince myself that it was the right idea. And so that's where the original notion of the visual representation of a hierarchy came from. That would show on the screen, on one screen, without scrolling, an entire hard drive in a color coded, size coded manner that was recursive and would go down for as many layers as necessary. So that was a great fun. And Brian Johnson was a PhD student who made the first implementation on Macintosh. And so we began to tell the story. And I believed I that within a few years, this would be on everybody's hard drive.
Moritz StefanerI have one on my machine. So at least for me, you succeeded there, right?
Ben ShneidermanBut as you know, I think it's interesting and just come across the issue that new ideas are slow to be accepted. It takes a lot of improvements, adaptations, it takes a lot of effort till people learn about these ideas, until they also change their process of problem solving. I think that's the central feature, how to shift the approaches of solving problems from textual ones, from numeric, from tabular, towards a visual approach. And so I've come to realize that will take not just ten or 20 or 30 years, but it will take 51 hundred years to make such changes. And I think if we see how cartesian coordinates from Rene Descartes took hundreds of years to gain widespread acceptance, and the works of William Playfair in the 18th century took more than 100 years till they gained acceptance. I think we have the great power of computers now, which are such wonderful visual tools that enable us to try things that are new, to catch people's attention. And then, of course, we have the Internet that helps us disseminate ideas in a way that is potentially more rapid than ever before. So that's, I think, the interesting framework of it. But the tree map idea was a simple concept to show an entire hierarchy, whether it's a thousand nodes or a million nodes, to see it all on one screen at once with no scrolling. So that was the challenge, and it was satisfying to find one solution, which we called the slice and dice method. And so we were quite excited about that and began to find many applications in other areas. Sports data, financial data, that is, portfolio, stock market portfolios are nicely represented by treemapse. And so we began to find a variety of applications for this idea. And after a few years, as is our style, we gave up on tree maps. We said, okay, we did our work, we published our papers, and we're finished. And so we put it aside, we move on to other topics. But by 19 98, 99, suddenly there was a great growth of interest because of two things. Jarke van Wijk in Netherlands developed the squarified algorithm for tree maps, which were a very nice improvement. And Martin Wattenberg developed what I call the cluster tree map. And both of these had the advantage of using more square like aspect ratios to show the regions. And that turned out to be a really important improvement. What was amazing to me was I was very devoted towards the treemap layout algorithm, the slice and dice algorithm, keeping the data in alphabetical order or some numeric order. And I couldn't give up that constraint. So I never even thought about the idea. And they both changed the game by realizing that square like aspect ratios were very important for visual appeal and for organizing the information, but they gave up the orderliness of the slice and dice algorithm. So I got involved with Martin Wattenberg, who's a brilliant programmer and a great designer, and helped with his work@smartmoney.com to make the market map, which became maybe the widely, the most widely known implementation of tree maps and certainly helped a great deal in disseminating to many people. So finding a good application that many people are interested in, like the stock market, turned out to be very important. And he used the area of each rectangle to indicate the market capitalization, that is, the value of the company, and then the color would indicate whether the stock was rising or falling. So green stocks were rising and red stocks were falling, and that made great sense to people. And in one screen, you could see about 600 stocks, and you could immediately see which of the eleven sectors was doing well, energy, or telecommunications or software, or capital goods, etcetera, or health. You could see which sectors were more green or more red. And so that was a very important application, and it gained widespread popularity. So we came back into the treemap game, and I was determined to find another algorithm which would still give you good square like aspect ratios, but would preserve ordering. Yeah, the order. So that became the next generation of treemap algorithms. And that was done with some wonderful partners, with Martin Wattenberg and Ben Bederson, both amazing, terrific programmers, designers. And that is maybe one of my most satisfying papers that was published in 1992 in the ACM transactions on graphics, it had everything. It had design ideas, it had usability studies, it had algorithms and optimization of algorithms. So there was something in it for everybody, and it helped raise attention. So that's a good start on the early history. Let me pause and see if you have any questions about that.
Enrico BertiniWell, I never heard the old story like that. I mean, it's really interesting to see how it evolved. It's really amazing, actually. Yeah.
Moritz StefanerAnd it's great that you started from a personal need, and I think so many good inventions come just from this one itch that you scratch, and then you think, like, huh, this turned out to be useful. How else could we use it? So I wasn't aware of that backstory, too. It's fantastic.
Ben ShneidermanAbsolutely. I agree with that. That's become part of a larger philosophy, that good basic science happens when you work on real applied problems.
Moritz StefanerYeah.
Tree Maps in Computer Programming AI generated chapter summary:
The general concept of information visualization was an emerging idea. In which language did you implement it? It was on the Macintosh. Do you still have the original code of tree maps somewhere? That would be nice for a museum for Angela Antonelli.
Enrico BertiniSo I was curious to hear from you, Ben. When you invented the three maps, did you already conceptualize the idea of information? Visualization of this came later on.
Ben ShneidermanThe general concept of information visualization. Yeah, I would say that was an emerging idea. You know that this was an early example, but there were others who were also doing visual programming. The conferences on visual languages and visual programming were already in place. The Macintosh was beginning, or at least the Xerox Star and Lisa. And then the Macintosh and video games were beginning to appear. Air traffic control systems were also visually based. And so there was a kind of movement towards visual, I would say.
Enrico BertiniI'm just curious to hear, do you still have the original code of tree maps somewhere?
Ben ShneidermanWow. Probably.
Enrico BertiniThat would be nice for a museum for Angela Antonelli.
Moritz StefanerRight, Moritz, it would be fantastic. In which language did you implement it?
Ben ShneidermanOh, boy. It was on the Macintosh, and I think it was probably so. That's a good question. I don't even remember. But Brian Johnson continues to work for eBay, and I'm in touch with him, so we could find out.
Enrico BertiniMoritz, what's the name of the curator from MOMA? It's not Angela, right?
Moritz StefanerIt's Laura Paola Antonelli.
Enrico BertiniI should know it because I'm Italian. Paola Antonelli. That would be fun.
Ben ShneidermanYeah.
Tree Maps: Art in Science AI generated chapter summary:
Bob Greene: Now you are trying to do art with tree maps. Greene: How you came to this after doing a lot of research in this area. He says there's no distinction between art, science and research. This is one of the driving ideas behind our podcast, Greene says.
Enrico BertiniOkay, so. And now you are trying to do art with tree maps. That's pretty amazing. I mean, it's so interesting to hear an academic like you doing turning into art. I'm really, really curious to hear more about that. How you came to this after doing a lot of research in this area, how you came up with the idea of doing arth. I don't know. I think we have this artificial. Most of us have this artificial, I don't know, distinction between art, science and research and whatever. But I'm really, really interested to hear what you think about it. And by the way, I think this is one of the driving ideas behind our podcast. I mean, I'm trying to play the role of the researcher and academic, and Moritz tries to play the role of artist designer. But the more we talk and the more we agree. So, I mean, there's really no distinction between the two things. At least this is what we believe.
Ben ShneidermanWell, I think that's really a good topic for discussion. And I'm just one voice of many, so you'll have different opinions. But I told you already about my background, which involved the concern for photography and visual composition, at least, and visual design. And also all during the sixties, when I was a student in New York, I was a frequent visitor at the Museum of Modern Art. And so the exhibits of the op art and the pop art and the experiments in art and technology and Nam June Paik and so many other advanced thinkers were very influential to me. Also, the 20th century modernist and later abstract expressionist artists were important to me. And of course, as we'll see, personalities such as Mondrian were clearly using geometric shapes, and Mark Rothko and Paul Klee and Hans Hoffmande, Joseph Albers homage to the square was a wonderful exploration of color and shape. And so I was fascinated by all those ideas. It's maybe worth mentioning that one of my earlier contributions, let's say, in 1972 and 73, was what we called structured flowcharts, and eventually they became known as Nassi Shneiderman diagrams. So here was another one of those aha moments. I was attending a talk about software engineering when I was a graduate student, and the argument was that the old flowcharts were no longer useful, that we had to think in terms of structured programming, if then else and do while. And so it struck me that the go to and the arrows in flow charts were not a good idea. And so in 15 minutes, I drew the basic ideas of how to have nested rectangles to show and other shapes to show the if then else structure, the do while, and the recursive nature of programs that were being written in these new languages. And so I came back to Stony Brook, where I was a graduate student, and my colleague was Ike Nassi, and together he was studying more of this directly in his dissertation work. I was still working on database things, so he helped formulate these ideas in a more organized way. And we submitted this paper. Here's another great story, and it's on the website, on my website. So we submitted this paper to the communication of the ACM, and it was rejected in a few weeks, very quickly, with the message that the authors should collect all copies of this paper and burn them. And I have never gotten such a strong rejection as that. So you can see the scan of that, that rejection letter on my website. But NASA Shneiderman diagrams were also a visual representation of programs, and they became a huge success story for 30 years. And, you know, there's thousands of papers and hundreds of software implementations, dozens of patents. It's an international standard taught and used in many places. Its utility and its usage has declined with newer programming strategies and interactive development environments. But it was great fun that without doing much, this idea traveled very well. And so I had the understanding that visual representations had great power, but also they provoked strong responses, negative as well as positive. And so it was very interesting to see, during the 1990s, how the tree maps emerged, how they were accepted or not by different groups, and how they spread to different fields of work. Now, you asked me also about the times. So, you know, when we published this in 1991 and 92, there still was not an information visualization conference. That began in 1995, I believe. Yes, 1995. We then had a ready information visualization conference. By 1999, you may remember, with Stu Card and Jock Mackinlay, we wrote the book readings in information visualization. So we were beginning to help form the idea of what was this new discipline. And next year we'll be celebrating the 20th anniversary of the information Visualization conference. So by the late 1990s, some people began to see how this idea was important. Stuart Card wrote a very good set of cognitive principles as to why information visualization would be helpful. And so we began to understand and apply that in many areas. And of course, we moved on. And the idea of spot fire and the dynamic queries began in 1991. Two, three. And Christopher Ahlberg spent the summers of 1991 and 1993 working with us. And we published the paper in the CHI's conference of 1994. And that about the project we called Film Finder, which was a result of IBM funding to develop a catalog. If we had 10,000 videos, how would we enable users to explore 10,000 videos? So we developed this visual interface and by 1997, Christopher Allberg formed the company Spotfire. And I was pleased to serve on the board of directors for five years. And that was a great success story. I learned a lot about business and how ideas travel and how innovations become successes. And it grew to 200 people, which was a great success story. Pharmaceutical drug discovery was the main initial application and showed success there. And then chemical informatics, oil and gas discovery, production, manufacturing, and so on. So by 2007, that was purchased by Tibco, and that was a very satisfying story that took ten years to unfold. And so I had the chance to see close at hand how ideas travel from universities to business successes.
Enrico BertiniYeah, I think that Marik. Oh, sorry. No, I think as far as I know, spot fire was the first, um, the first success of information visualization on the market. Right.
Ben ShneidermanI mean, I think so. Right. The first large success. Now we have Tableau, for example, done by our colleagues, also from academia, from Stanford, Jock Mackinlay, Pat Hanrahan and others, went to Seattle, formed a company, and it's a great success story. And their approach to business was somewhat different. They are more horizontal. They want to reach everyone and they have. I spoke at their recent user conference meeting in Washington, DC, with 4000 people attending.
Enrico BertiniIt's unbelievable.
Ben ShneidermanYeah. And they are listed on the stock market and they're a nice success story.
Enrico BertiniI mean, now that I think about it, if we look at the success on the market of information visualization, most of the most successful companies come from the work of academics, am I right? I never saw it this way.
Ben ShneidermanMany of them, many of them. I think what's happened is that we have only a few examples of companies that are strictly infovis, like Tableau. What happens is the infovis idea gets bought by another company and embedded in other products. And this is most strong with IBM, which bought Cognos, and then I, and then it bought Ilog and Spss and itwo. So we had, you know, this integration is its best application. I would say that visualization on its own is a harder, harder product to sell, but when it's part of a end to end solution, then it becomes more natural as a success story.
Enrico BertiniYeah, yeah. But I was thinking at things like the huge success of D3, which really struck me as unbelievably successful. Right. It's not really a product, but the rate of adoption was amazing, right? Yeah.
On the Success of D3 AI generated chapter summary:
Open source toolkits like D3 are quite wonderful and very much appreciated. In my class on visualization, six out of the seven project teams quickly adopted D3. Where's the business side?
Enrico BertiniYeah, yeah. But I was thinking at things like the huge success of D3, which really struck me as unbelievably successful. Right. It's not really a product, but the rate of adoption was amazing, right? Yeah.
Ben ShneidermanSo, yeah, but, but there's a question. Where's the business side?
Enrico BertiniYes.
Ben ShneidermanYou don't have a D3 company.
Enrico BertiniCompany, sure.
Ben ShneidermanBut open source toolkits like D3 are quite wonderful and very much appreciated. Their excellent engineering aspects, their embedding in a browser and beautiful animations made them attractive. Last year, it was an amazing story. In my class on visualization, six out of the seven project teams quickly adopted D3, and that was, you know, they were willing to learn this new tool because of the high payoff it had.
Enrico BertiniYeah, yeah, yeah.
Ben ShneidermanOkay, so we were, oh, yes, let's talk about art.
The Tree Map Art Project AI generated chapter summary:
Ben Schneider: How did he come up with the tree map art project? He says he wanted to make a tree map with real data about real problems. He says the idea was to make something that was aesthetically appealing. Schneider: The twelve designs are now hanging in a computer science hallways of Maryland.
Enrico BertiniLet's talk about arthem. So how did you come up with the tree map art project? Maybe you first want to describe what it is.
Ben ShneidermanRight? So over these 20 years, I came to see that the tree maps we made sometimes, sometimes were very appealing. The colors and the shapes and the layout made for attractive ideas. And people said, oh, you should frame it and put it on your wall. And I heard that so many times that I decided, okay, let me spend the summer and try to find a way to make tree maps with real data about real problems. But let me try and use the tree map algorithm. And by now, we had five different tree map algorithms and try to make something that was aesthetically appealing. So it's an interesting question of the bridge between functional, which was entirely my motivation for treemaps, and the idea of something aesthetic, and our original treemap tool, which is still free to download for anyone who wants to try to make their own, has features in it that let us remove the technical aspects, the labels and the legends and the scales, and all the other things that are necessary for an effective visualization, and show only the color and the shapes in a way that lets the viewer focus on the aesthetic aspects. And in the Treemap art project page, I put down that there were four different aesthetic principles that could be exercised. First, the layout, which of the five algorithms to use, the slice and dice, the squarefy, the order, the strip, and so on, what colors that turns out to be the important, really strong effect, the aspect ratio of the entire image, would it be square or golden ratio, or would it be narrow and wide or tall? And then the prominence of the borders for each region and each level, and how strongly we drew those borders. And so those are the things. During the summer, we played with. And on the website of the Treemap Art Project, we show you 50 or 60 of our draft designs of the things we tried to do, and then we chose from those twelve that we really liked. And actually we did a little crowdsourcing, inviting friends and colleagues and students to vote on their favorite ones. It was very interesting because the vote did not converge on one or two being the most favorite, but they had many, many different favorites. And so we chose twelve of them. And I was pleased to work with a wonderful graduate student who had been in my course and proved to be a good designer. His name is Minhaz Kazi. And so together we worked during the summer and chose to twelve that we liked, and we polished them and cleaned them up and dealt with the colors, and then began exploring printing and various sizes and different print techniques and different printing offices. And so that was another effort that took another month until we were happy with our design and the printers we chose. And then we began to make the production versions. So we decided to make them all the same, 24 by 36 inches. And we added paragraphs of description that told about what was the data and then what we were trying to accomplish. So some of them looked like Mondrian, and we used Mondrian's color palette to highlight them. Others we had data about the state of Maryland and its grants for energy renewal. So there was solar and there was wind and four kinds, and we used the four colors of the Maryland flag to choose the color palette, and so on. We went through Hans Hoffman's work and Joseph Albers, and so we developed a range of these, which we tried many versions of, many versions of. And in the final exhibit, which you can see online. Or we did finally print them all and get them mounted and framed and hung in the hallways of computer science at the University of Maryland. And that happened at the last week of August, finally. And so they're hanging there now for almost two months. And it's very interesting to see the reaction. Of course, in the beginning, my colleagues wondered, what is this strange beast? What's going on here? What's happened to Ben Shneiderman? You know, what's he doing? And over time, though, it was very satisfying to see that it takes a while. And they began to come back to me, and they say, you know, I went to see him, and it's terrific. It's exciting. They're creative, beautiful. And they started to ask me for copies. Can I get one for my office? So we began to have a little bit of a, an interest in it, and so we prepared a special print for some of our colleagues to put in their office. So that was very nice.
Tree Maps: Art and Science AI generated chapter summary:
Benjamin: Do you think the beauty of the visualization comes exclusively from the aesthetics of it or knowing what's the data behind that adds something to it? Ben: My goal was to minimize the technical aspects, as I said, in the visual design. I hope that some people will take away some technical lessons and try to use tree maps for new applications.
Enrico BertiniSo, Ben, there is one question off the top of my head. So you briefly mentioned that in the way you prepare the final tree maps, you add at least a caption saying what the data is about. Right. So I'm wondering, do you think that the beauty of the visualization comes exclusively from the aesthetics of it or knowing what's the data behind that adds something to it?
Ben ShneidermanI mean, yeah, that's really interesting. And it depends who you ask. It depends who you ask, because there are some people, there's a whole range some. My goal was to minimize the technical aspects, as I said, in the visual design, and the explanations were only partial explanations. And so I hope that people wouldn't look at it too much as a technical, functional piece, but would look at it as aesthetic. Would they look at the colors and just, you know, relax and enjoy?
Enrico BertiniSo, for instance, you don't have, you don't have labels, right?
Ben ShneidermanCorrect. Correct. There's no labels. There's no legend, there's no color palette. But in the description, we give a kind of incomplete, but at least some sort of explanation.
Moritz StefanerIt's sort of a tease, right.
Ben ShneidermanOr complete description. All right. Well. Right, right. But I didn't want people to think of them as technical. I wanted them to think about them as art and look at them for their aesthetic principles. So some people succeeded to do that. Other people told me very clearly, I'm too much of an analytic person. I want to know what every box means. I want to know what every color means. I want to know why it's there. And I understand that. And I was trying to get away from that, because for 20 years, that's what I did. And so I wanted to try something new which focused more on the art and the aesthetic components. And I should say not all my artist friends were charmed by this approach, either. Some like this, but others said, you know, it's not really art. It's still constrained by the treemap algorithm. It's constrained by the data. You didn't have the full freedom to do what you wanted. You were limited and constrained. And yes, that's true. And so it's a kind of middle ground between the expression or abstract expressionist ideas of the sixties and the technical. So some people call this data art. Okay, data art as a middle ground. There's data visualization on one side, or information visualization as a more technical goal of serving users, and there's the artistic side on the others, which is just, you know, free form artists. Sometimes there's computer art, which uses computers to create shapes and forms and colors in an algorithmic way, but it's much more focused on the art. This is kind of a middle space, and of course, middle spaces when they're new ideas, are not always comfortable for people.
Enrico BertiniSure. Even though I'm not sure, I fully agree with this comment that this is not art, because in a way, every single art has some. Some forms of constraints, right? I mean, I think there's no art without constraints. What is really beautiful of art is being able to create something beautiful within some constraints. Right? The constraint itself generates part of the art. I mean, that's the way I see it.
Moritz StefanerAnd the interesting thing with the tree map art is also how clearly now you see these algorithms, like what the nature of the slice and dice is and the nature of the squarified tree map. I think it can be illustrated really nicely with these very pure images.
Ben ShneidermanVery nice. Yes. I hope that some people will take away some technical lessons as well and will come to see and try to use tree maps for new applications and maybe in new ways. But back to the issue of constraints. Certainly, Mondrian worked with constraints. He had very clear principles about how he did his layouts. And so we see those kinds. And Joseph Albers certainly, I mean, he was very constrained. He had these homage to the square of one square within another square within another square, and he had a few variations, but it was really a very limited range of geometric shapes. But he explored the color relationships in a way that nobody else had ever done before. And so, you know, these, each of these projects were rejected by many people, but eventually gained appreciation, and I hope I will have the same satisfaction that I will have my supporters who like it. So I'm pleased that a half dozen bloggers have already mentioned and described the treemap art project. I'm pleased to do this podcast with you. And I'm happy to report to you that my initial response from the National Academy of Sciences in Washington is that they will, they will, they plan to host this exhibit starting in October 2014. So approximately a year from now. So that will raise the prominence, and that will show, give my colleagues something to think about, because they will see that somebody else appreciates this idea, and we'll get some greater visibility at that time. So I see this as a longer term effort. Another effort you may know about is Manuel Lima, who did the wonderful website called visual complexity.
Visualizations as Art AI generated chapter summary:
The treemap art project will go on display at the National Academy of Sciences in October 2014. There will be further attention to the question of visualizations as art. I continue and come back to my work on medical information visualization.
Ben ShneidermanVery nice. Yes. I hope that some people will take away some technical lessons as well and will come to see and try to use tree maps for new applications and maybe in new ways. But back to the issue of constraints. Certainly, Mondrian worked with constraints. He had very clear principles about how he did his layouts. And so we see those kinds. And Joseph Albers certainly, I mean, he was very constrained. He had these homage to the square of one square within another square within another square, and he had a few variations, but it was really a very limited range of geometric shapes. But he explored the color relationships in a way that nobody else had ever done before. And so, you know, these, each of these projects were rejected by many people, but eventually gained appreciation, and I hope I will have the same satisfaction that I will have my supporters who like it. So I'm pleased that a half dozen bloggers have already mentioned and described the treemap art project. I'm pleased to do this podcast with you. And I'm happy to report to you that my initial response from the National Academy of Sciences in Washington is that they will, they will, they plan to host this exhibit starting in October 2014. So approximately a year from now. So that will raise the prominence, and that will show, give my colleagues something to think about, because they will see that somebody else appreciates this idea, and we'll get some greater visibility at that time. So I see this as a longer term effort. Another effort you may know about is Manuel Lima, who did the wonderful website called visual complexity.
Enrico BertiniSure, we know Manuel personally.
Ben ShneidermanYeah, right. And he lives in New York, and he did a book on networks. And his next book, which comes out in February 2014 from Princeton University Press, will be about tree structures, and a large part of it is about tree maps. And I'm pleased to have written the foreword for that book.
Moritz StefanerOh, fantastic.
Ben ShneidermanYou know, there will be further attention to the question of visualizations as art, I should say. Also, Katy Börner at Indiana University has made important contributions here and her work and her exhibits, places and spaces. I've also been shown at the National Academy of Sciences, and they had a positive influence on getting many people to think about visualization in an artistic way, I should say also, I continue now the summer project is done, I continue and come back to my work on medical information visualization. Our work on event flow is thriving, and we have yet new visual representations of temporal event sequences. If you think of a patient history as 10,000 medical events over 100 year lifetime, and if you give me a million or 10 million of these histories, how can I show you a compact, one screen representation of all these patients that shows you the common patterns of treatment and outcome? I'm continuing to work on the technical side for applications, always driven by meaningful applications, and I'm very happy to be working on medical records as a good project.
Aesthetic design in computer science AI generated chapter summary:
Benjamin Jarke: What can we learn from the artistic and aesthetic side of visualization? He says things that are functional can also be beautiful and fun and enjoyable. Jarke says design studio courses should be part of computer science training for visual design. He says such great things can happen when we can bring these two worlds together.
Enrico BertiniSo, Ben, another thing I'm curious about. So during summer, you've been working mainly on art and aesthetics, right? So what do you think we can learn? I mean, we people who are more on the functional side of visualization, what can we learn from the artistic and aesthetic side?
Ben ShneidermanWell, you know, you have to remember that fun is part of functional, and that things that are functional can also be beautiful and fun and enjoyable. And I think it's true that we can work to make the visualizations we design to be aesthetically appealing. I think the main problem I see in many applications is the poor choice of color palettes. And I think we all need more education in choosing better color palettes. And then I think design studio courses should be part of the training in computer science for those who are doing visual design. I was very pleased to work with Audra Buck Coleman, professor in the School of Fine Arts at the University of Maryland. And she helped one of our students, John Guerra Gomez, and his tree versity project that John presented at the last the info of his conference just a few weeks ago in Atlanta. And she was very helpful and she prepared a one credit course for computer science students. And we had 15 students who took her course. And every week they met together and they looked at the work that these students were doing in terms of the aesthetics and the design and how they might improve the design and the aesthetics so that it would be more appealing but also more ethereum, effective in showing the data in a proper way.
Enrico BertiniOkay, so you think that we should actually include in our courses some elements of aesthetics and design?
Ben ShneidermanAbsolutely.
Moritz StefanerThat's so great to hear, Ben, that.
Enrico BertiniYeah.
Moritz StefanerAnd also I heard Jackie van Vejh also made a similar point in his, in his closing keynote on this year's whiz conference. And it's so fantastic that important people like you and Jarke see this need to bring these worlds together because I often still feel there's reservations on both sides in some form. And such great things can happen when we can bring these two worlds together. Right?
Ben ShneidermanAbsolutely. Absolutely. The goal of bringing them together is maybe strong, but at least learning from each other and respecting each other's contribution, I think is a very possible and very fruitful way to go forward.
Enrico BertiniYeah, it's weird. I mean, one thing that I noticed myself is that some kind of people are skeptical when something is too beautiful. I don't know why.
Moritz StefanerIt's a dumped blonde effect, right?
Ben ShneidermanYeah.
Enrico BertiniLike if something is too aesthetically pleasing, it must not be serious. I don't know. Serious enough. I don't know. It's weird. Some people, I agree, that's a real danger in some people.
Ben ShneidermanYeah, absolutely. Absolutely.
Moritz StefanerYeah. But I love how you point out that there's a functional role to aesthetics. And this is very much my take on the topic as well, and of any serious designer, you know, like, that's what we work with and this is how we, how we affect change, like by producing certain emotions. When you look at something by guiding people in a subtle way. And still I read a blog post that sort of makes this fall dichotomy between function and form. And I read these blog posts every three weeks, and I'm getting tired of it.
Ben ShneidermanYeah, well, I think you have to remember Steve Jobs said he worked at the intersection of technology and liberal arts, is what he said. Now, I think he meant art, design, social sciences, and many other forms. So that's where I think the great contribution of the future will lie, by integrative experiences that bring together the work from multiple disciplines.
Aesthetic design in computer science AI generated chapter summary:
If we want to train our, our students properly, we have to give them a well rounded kind of education. One of the keys to success of commercial and technological projects is that we should attend to the aesthetics.
Enrico BertiniTalking about the. Go ahead. Oh, sorry. I think this is a very big challenge for educators like us, because today, I mean, if we want to train our, our students properly, we have to give them a well rounded kind of education. Right. It's no longer enough to just learn computer science the old way, for instance. Right. So now you have computer scientists who come to our school and they, they expect, expect to be taught only technical things, but actually, in some cases, if they are taught only technical things, they might not be successful. Right?
Ben ShneidermanCorrect, correct. And we have the examples of Hollywood animation and 3d video games where aesthetics and narrative are essential to the success of those media. So I think we have examples. Not everyone will appreciate this bridging or marriage of disciplines, just as my early efforts with software psychology, which I call the marriage of disciplines, led to much resistance as well. Still, after 30 years now, I would say it's a success story that the CHI's conferences and the work of combining psychological methods and theories with design and implementation of advanced technologies is what makes the success. That's why 5 billion people have a cell phone or a smartphone in their pockets. We have, of course, the success of the chip designers, but also the success of the graphic designers and the user interface designers. And I think that is increasingly appreciated as a key. One of the keys to success of commercial and technological projects is that we should attend to the aesthetics. I mean, this is not a new idea, but it has its new forms. Beautiful bridges were always in beautiful buildings where, you know, for a thousand years or more were understood that a building should be not only functional, but it should be beautiful. And I think the buildings we live in, the technologies we live in, need to be functional and beautiful.
Enrico BertiniYeah, I fully, totally agree with you. That's so important. I think if I remember well, Donald Norman wrote a whole book about it. Right. I think it was called emotional design or something like that.
Ben ShneidermanYeah. I mean, he was dealing not so, so much with visual but emotional reactions.
Enrico BertiniYeah, yeah, yeah. That's interesting. Yeah.
Moritz StefanerAnd in fact, architects had this notion of, yeah. Beauty and utility going hand in hand for a long time. And in fact, Andrew, with his, Andrew Vande Moere, I think in this aesthetics paper, he also mentions that fermitas, utilitas, venustas principle that, yeah, we need in software and we need everywhere in life, basically, right?
Ben ShneidermanAbsolutely.
Interactive visualization: The future AI generated chapter summary:
For these ideas to spread, we need to create national educational programs of visual literacy. We have to teach people who resist the visual approaches to think visually. There's many, many places that these new ideas need to be applied. But it's still not clear to me how focus in visualization is going to diversify.
Moritz StefanerShall we speculate about the future? I would be much interested in your idea, like where, with this bird's eye perspective that you have now, after following the whole field, what is the trajectory of information visualization at the moment? Where do you see it going? What's, is it going to diversify for, diversify further, or where is it going?
Ben ShneidermanWell, we're just at the beginning, so there's a lot of hard work to do. And you have to remember that while those people who are engaged in this work see it as a success story already, we are still only a small fraction of the population, and it will take 100 years. As I said at the opening, for these ideas to spread, we need to create national educational programs of visual literacy. We have to teach people who resist the visual approaches to think visually, that we use visual reasoning strategies for analyzing big data. There's many, many places that these new ideas need to be applied. So the first moment of excitement. Well, there still is excitement, I would say. I love to go to the infovis conference. I still see many new ideas, but now there is the hard work of moving from 1% of the population to 10% of the population, and then to 50% of the population. And so I see many companies and government organizations have to work very hard to promote visualization inside their communities. Remember, we live in this small world of people who are already sympathetic to visualization, but we have to reach, our job is to reach the wider world of people who are not yet sympathetic, who don't use visualization. And so that will be an important challenge. So that's, I think, the central direction that will occupy many, many people. How do we bring visualization to high schools and junior high schools and lower schools as part of their training, so that it becomes a natural way for people to solve problems. Okay. I think there are problems, furthermore, of improving collaboration over visualizations, of integrating visualization into existing toolkits. There's just a variety of things to be done. We work a lot on the medical space, and in the may issue of IEEE computer, we have a description about how visualization can help in medicine, both for personal health, for clinical treatments, and for public health users. And we lay out seven challenges of what needs to be done for, for us to achieve the full success of using visuals, visual reasoning strategies to make healthier lives. I think that's our challenge.
Enrico BertiniI think that that's really, really interesting. And so you seem to suggest that education is going to be one of the majority, the major. Yeah. The major factors in having. In turning visualization to very successful and widely adopted kind of technology, right?
Ben ShneidermanYes.
Moritz StefanerInteresting, because I think we're not targeting students at all at the moment.
Enrico BertiniYeah, I mean, my personal experience with visualization, and this is something I started realizing very recently, is that most people just cannot read what we do. I mean, as we know, it's seriously true. It's true. It's true. And as we move just past beyond something as simple as a bar chart or a line chart, which for some people are already quite complicated, people just don't know how to read it. Right. So. And what's the consequence of that? Should we just give up and say that people cannot read a. Read these things and then they are useless? No, I don't think so. But on the other hand, I think that we really need some kind of strong effort in educating people to read, to actually learning a new language. I think this is a new language that people need to learn.
Ben ShneidermanThat's right. It's a new language of problem solving. The professionals we work with, whether they're medical or scientists, the strongest support we get is once after a few weeks of using our tools, they say, you gave me a new.
Enrico BertiniYes, we are connection problems, but I.
Moritz StefanerThink it should be fine now.
Enrico BertiniYeah, yeah. I just wanted to mention again that it's still not clear to me how we are going to do that, because most of the focus in visualization is still mainly on the technology. Right. Both in academia and out of academia, visualization is mainly discussed from the technological point of view. Right. Well, on the academic side, we also have some interesting research on what works, what doesn't work. We try to lay out some design space, we try to run some studies, but I don't see much of an effort in trying to educate people and I think that's something that we really, really need to focus on.
Ben ShneidermanRight. I think the biggest success stories are with the journalists and the New York Times especially, has been very effective in showing examples and making people aware of the power of not just static visualizations as in the printed paper, but interactive visualizations on their websites. It's wonderful accomplishments that Matt Erickson and his team, and wonderful people like Amanda Cox and Mike Bostock and Sean Carter, every week their visualizations are doing a lot to educate people in the value for many, many different application areas, whether it's politics or economics or sports, they show excellent visualizations.
Enrico BertiniYeah, I think in a way we have this paradoxical situation that so, so far we've been saying that beauty and aesthetics is important, and I fully agree. But on the other hand, I see that sometimes visualization is perceived only from the aesthetic point of view, right? And this is also some kind of problem. I think that some people look at visualization and think, oh wow, that's totally cool. But then they don't spend even a few seconds trying to understand whether there is any message behind that or if there is a way to communicate this message in a better way. Right? So I think, I think challenge here for visualization, right?
Ben ShneidermanI think you see that most strongly in the growing field of network visualization, where Manuel Lima's website, visual complexity shows 770 different network visualizations. And most of them are terrible. They're just not that you cannot learn something from these visualizations. And so we need to do a lot better in improving the quality. They look cool, but they're not necessarily useful. The excessive use of color, the excessive use of animation are interfering with the effective use of visualization for functional goals. And so while they may be aesthetic, they are not always useful. And finding that blend where you have useful and aesthetic is the goal.
Enrico BertiniWell said.
Moritz StefanerYeah, but I'm relaxed there because I think, I mean, many people are now fascinated with these new, simply complex images we can create. And you know, they have this natural touch and it's very like lots of detail. And I mean, I think this pure, let's say aesthetic fascination will go away. And then in the end, in a few years, you know, everybody will be tired of these images. And then, you know, the more, the more interesting stuff will just remain. I'm pretty, pretty sure about that.
Ben ShneidermanI like your optimistic view.
Moritz StefanerI believe in the good.
Enrico BertiniYes, to have an optimistic view. Okay, I think we should try to stop here, but we could keep talking for hours and hours. There are so many things. So before we stop, I'm just curious and I think some of our listeners may be curious as well. What if I want to have one or more prints?
The Human Computer Interaction Lab AI generated chapter summary:
All of the high resolution PDF's that we produced are all on the website, free to download. If you want a signed version, I will print it for you. But we ask you to make a contribution of $500 to the human computer interaction lab at the University of Maryland. New York would be a perfect setting.
Enrico BertiniYes, to have an optimistic view. Okay, I think we should try to stop here, but we could keep talking for hours and hours. There are so many things. So before we stop, I'm just curious and I think some of our listeners may be curious as well. What if I want to have one or more prints?
Ben ShneidermanWell, thank you for asking. Yes, all of the high resolution PDF's that we produced, our twelve images are all on the website, free to download. And anyone who wishes for personal use to print them, please do it. Please frame them. Put them in your hallways and your offices. I'm happy to have that if you want a signed version. Aha. Some people want me to sign them. If you want a signed version, I will print it for you. You and I will mail it to you. But we ask you to make a contribution of $500 to the human computer interaction lab at the University of Maryland. So that will give you an authentic signed piece of artwork and will help us continue our research.
Enrico BertiniDoes this come with a frame as well?
Ben ShneidermanAnd shipping are extra.
Enrico BertiniI just want to make sure. Always negotiating, right?
Ben ShneidermanThat's fair. That's fair. No, we're happy to make them free. For those who want to print them on their own, there are websites which will let you print them. If you don't have your own printer and they will mail them to you, you're free to do that. I encourage people to do that. And if people want to have this exhibit in their institution, they should contact me and we'll discuss if it's possible that our exhibit can travel to many other places.
Enrico BertiniWell, New York would be a perfect setting.
Ben ShneidermanAll right, so find me a home in New York, Enrico.
Enrico BertiniI'll try. I'll try. Cannot promise, but I'll try.
Moritz StefanerLet's ask Paola what we can do.
Ben ShneidermanThat would be great. That'll be great.
Enrico BertiniDoctor.
Ben ShneidermanPaula?
Enrico BertiniYeah, I don't know, Moritz. Do you have a direct connection?
Moritz StefanerNot so much.
Enrico BertiniNo, not so much.
Ben Watson on Medical Informatics AI generated chapter summary:
Ben: I hope the tree map art project has a long history. I'd love to talk about the medical informatics visualization with our colleagues at University of Maryland, Baltimore. That would be a great topic. Pleasure having you on the show.
Ben ShneidermanWell, let's start and let's see where we go with it. I hope we'll have. I hope the tree map art project has a long history and that it continues to grow and collect attention and also interest in the use of visualization, both for artistic as well as functional purposes.
Enrico BertiniOkay, good. Thanks, Ben. It's.
Ben ShneidermanThank you.
Enrico BertiniPleasure having you on the show. I hope you will want to come back on the show again in the future sometime. We have so many things to discuss and it's really, really interesting and enlightening in a way, having you on the show.
Ben ShneidermanI'd love to talk about the medical informatics visualization with our colleagues at University of Maryland, Baltimore in this new center for Health Imaging and Bioinformatics is a great opportunity. So that's that. That would be a great topic. Okay. Yeah, we should do that. Thanks.
Enrico BertiniBye bye bye.
Moritz StefanerThanks so much, Ben. Bye.