Nick Malinowski's Portfolio

My data science portfolio, assignment 3 - building a custom visualization.

In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work. The options differ in challenge level, but there are no grades associated with the challenge level you chose. However, your peers will be asked to ensure you at least met a minimum quality for a given technique in order to pass. Implement the technique fully (or exceed it!) and you should be able to earn full grades for the assignment.

In this paper the authors describe the challenges users face when trying to make judgements about probabilistic data generated through samples. As an example, they look at a bar chart of four years of data (replicated below in Figure 1). Each year has a y-axis value, which is derived from a sample of a larger dataset. For instance, the first value might be the number votes in a given district or riding for 1992, with the average being around 33,000. On top of this is plotted the 95% confidence interval for the mean (see the boxplot lectures for more information, and the yerr parameter of barcharts).

A challenge that users face is that, for a given y-axis value (e.g. 42,000), it is difficult to know which x-axis values are most likely to be representative, because the confidence levels overlap and their distributions are different (the lengths of the confidence interval bars are unequal). One of the solutions the authors propose for this problem (Figure 2c) is to allow users to indicate the y-axis value of interest (e.g. 42,000) and then draw a horizontal line and color bars based on this value. So bars might be colored red if they are definitely above this value (given the confidence interval), blue if they are definitely below this value, or white if they contain this value.

Figure 2c from (Ferreira et al. 2014). Note that the colorbar legend at the bottom as well as the arrows are not required in the assignment descriptions below.

Easiest option: Implement the bar coloring as described above - a color scale with only three colors, (e.g. blue, white, and red). Assume the user provides the y axis value of interest as a parameter or variable.

Harder option: Implement the bar coloring as described in the paper, where the color of the bar is actually based on the amount of data covered (e.g. a gradient ranging from dark blue for the distribution being certainly below this y-axis, to white if the value is certainly contained, to dark red if the value is certainly not contained as the distribution is above the axis).

Even Harder option: Add interactivity to the above, which allows the user to click on the y axis to set the value of interest. The bar colors should change with respect to what value the user has selected.

Hardest option: Allow the user to interactively set a range of y values they are interested in, and recolor based on this (e.g. a y-axis band, see the paper for more details).

Note: The data given for this assignment is not the same as the data used in the article and as a result the visualizations may look a little different. __ __ __ __ __ __ __ __ __ __ ___

Randomizing data

Use the following data for this assignment:

building a custom visualization assignment 3

I had to transpose the data to use it in my graph.

Calculating mean and standard deviation

I calculated the mean and standard deviation for each graph per the requirements.

Creating confidence intervals

The next step was creating the confidence intervals.

Creating the graph

I normalized the curve and used a colormap for the data.

Now to plot the data and add labels.

building a custom visualization assignment 3

Assignment 3 - Building a Custom Visualization ¶

In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work. The options differ in challenge level, but there are no grades associated with the challenge level you chose. However, your peers will be asked to ensure you at least met a minimum quality for a given technique in order to pass. Implement the technique fully (or exceed it!) and you should be able to earn full grades for the assignment.

Ferreira, N., Fisher, D., & Konig, A. C. (2014, April). Sample-oriented task-driven visualizations: allowing users to make better, more confident decisions.       In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 571-580). ACM. ( video )

In this paper the authors describe the challenges users face when trying to make judgements about probabilistic data generated through samples. As an example, they look at a bar chart of four years of data (replicated below in Figure 1). Each year has a y-axis value, which is derived from a sample of a larger dataset. For instance, the first value might be the number votes in a given district or riding for 1992, with the average being around 33,000. On top of this is plotted the 95% confidence interval for the mean (see the boxplot lectures for more information, and the yerr parameter of barcharts).

Figure 1

        Figure 1 from (Ferreira et al, 2014).

A challenge that users face is that, for a given y-axis value (e.g. 42,000), it is difficult to know which x-axis values are most likely to be representative, because the confidence levels overlap and their distributions are different (the lengths of the confidence interval bars are unequal). One of the solutions the authors propose for this problem (Figure 2c) is to allow users to indicate the y-axis value of interest (e.g. 42,000) and then draw a horizontal line and color bars based on this value. So bars might be colored red if they are definitely above this value (given the confidence interval), blue if they are definitely below this value, or white if they contain this value.

Figure 1

Figure 2c from (Ferreira et al. 2014). Note that the colorbar legend at the bottom as well as the arrows are not required in the assignment descriptions below.

Easiest option: Implement the bar coloring as described above - a color scale with only three colors, (e.g. blue, white, and red). Assume the user provides the y axis value of interest as a parameter or variable.

Harder option: Implement the bar coloring as described in the paper, where the color of the bar is actually based on the amount of data covered (e.g. a gradient ranging from dark blue for the distribution being certainly below this y-axis, to white if the value is certainly contained, to dark red if the value is certainly not contained as the distribution is above the axis).

Even Harder option: Add interactivity to the above, which allows the user to click on the y axis to set the value of interest. The bar colors should change with respect to what value the user has selected.

Hardest option: Allow the user to interactively set a range of y values they are interested in, and recolor based on this (e.g. a y-axis band, see the paper for more details).

Note: The data given for this assignment is not the same as the data used in the article and as a result the visualizations may look a little different.

4 rows × 3650 columns

Assignment 3 - Building a Custom Visualization ¶

In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work. The options differ in challenge level, but there are no grades associated with the challenge level you chose. However, your peers will be asked to ensure you at least met a minimum quality for a given technique in order to pass. Implement the technique fully (or exceed it!) and you should be able to earn full grades for the assignment.

      Ferreira, N., Fisher, D., & Konig, A. C. (2014, April). Sample-oriented task-driven visualizations: allowing users to make better, more confident decisions.       In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 571-580). ACM. ( video )

In this paper the authors describe the challenges users face when trying to make judgements about probabilistic data generated through samples. As an example, they look at a bar chart of four years of data (replicated below in Figure 1). Each year has a y-axis value, which is derived from a sample of a larger dataset. For instance, the first value might be the number votes in a given district or riding for 1992, with the average being around 33,000. On top of this is plotted the 95% confidence interval for the mean (see the boxplot lectures for more information, and the yerr parameter of barcharts).

Figure 1

        Figure 1 from (Ferreira et al, 2014).

A challenge that users face is that, for a given y-axis value (e.g. 42,000), it is difficult to know which x-axis values are most likely to be representative, because the confidence levels overlap and their distributions are different (the lengths of the confidence interval bars are unequal). One of the solutions the authors propose for this problem (Figure 2c) is to allow users to indicate the y-axis value of interest (e.g. 42,000) and then draw a horizontal line and color bars based on this value. So bars might be colored red if they are definitely above this value (given the confidence interval), blue if they are definitely below this value, or white if they contain this value.

Figure 1

Figure 2c from (Ferreira et al. 2014). Note that the colorbar legend at the bottom as well as the arrows are not required in the assignment descriptions below.

Easiest option: Implement the bar coloring as described above - a color scale with only three colors, (e.g. blue, white, and red). Assume the user provides the y axis value of interest as a parameter or variable.

Harder option: Implement the bar coloring as described in the paper, where the color of the bar is actually based on the amount of data covered (e.g. a gradient ranging from dark blue for the distribution being certainly below this y-axis, to white if the value is certainly contained, to dark red if the value is certainly not contained as the distribution is above the axis).

Even Harder option: Add interactivity to the above, which allows the user to click on the y axis to set the value of interest. The bar colors should change with respect to what value the user has selected.

Hardest option: Allow the user to interactively set a range of y values they are interested in, and recolor based on this (e.g. a y-axis band, see the paper for more details).

Note: The data given for this assignment is not the same as the data used in the article and as a result the visualizations may look a little different.

Instantly share code, notes, and snippets.

@LalehT

LalehT / Assignment 3 - Building a Custom Visualization.txt

  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Embed Embed this gist in your website.
  • Share Copy sharable link for this gist.
  • Clone via HTTPS Clone using the web URL.
  • Learn more about clone URLs

LogicProhub

  • 0.00  $ 0 items

building a custom visualization assignment 3

AppliedPlotting Week 3-Building a Custom Visualization Solved

25.00  $

If Helpful Share:

building a custom visualization assignment 3

Description

1          assignment 3 – building a custom visualization.

In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work. The options differ in challenge level, but there are no grades associated with the challenge level you chose. However, your peers will be asked to ensure you at least met a minimum quality for a given technique in order to pass. Implement the technique fully (or exceed it!) and you should be able to earn full grades for the assignment.

Ferreira, N., Fisher, D., & Konig, A. C. (2014, April). Sample-oriented task-driven visualiza tions: allowing users to make better, more confident decisions. In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (pp. 571-580). ACM. ( video )

In this paper the authors describe the challenges users face when trying to make judgements about probabilistic data generated through samples. As an example, they look at a bar chart of four years of data (replicated below in Figure 1). Each year has a y-axis value, which is derived from a sample of a larger dataset. For instance, the first value might be the number votes in a given district or riding for 1992, with the average being around 33,000. On top of this is plotted the 95% confidence interval for the mean (see the boxplot lectures for more information, and the yerr parameter of barcharts).

Figure 1 from (Ferreira et al, 2014).

A challenge that users face is that, for a given y-axis value (e.g. 42,000), it is difficult to know which x-axis values are most likely to be representative, because the confidence levels overlap and their distributions are different (the lengths of the confidence interval bars are unequal). One of the solutions the authors propose for this problem (Figure 2c) is to allow users to indicate the y-axis value of interest (e.g. 42,000) and then draw a horizontal line and color bars based on this value. So bars might be colored red if they are definitely above this value (given the confidence interval), blue if they are definitely below this value, or white if they contain this value.

Figure 2c from (Ferreira et al. 2014). Note that the colorbar legend at the bottom as well as the arrows are not required in the assignment descriptions below.

Easiest option: Implement the bar coloring as described above – a color scale with only three colors, (e.g. blue, white, and red). Assume the user provides the y axis value of interest as a parameter or variable.

Harder option: Implement the bar coloring as described in the paper, where the color of the bar is actually based on the amount of data covered (e.g. a gradient ranging from dark blue for the distribution being certainly below this y-axis, to white if the value is certainly contained, to dark red if the value is certainly not contained as the distribution is above the axis).

Even Harder option: Add interactivity to the above, which allows the user to click on the y axis to set the value of interest. The bar colors should change with respect to what value the user has selected.

Hardest option: Allow the user to interactively set a range of y values they are interested in, and recolor based on this (e.g. a y-axis band, see the paper for more details).

Note: The data given for this assignment is not the same as the data used in the article and as a result the visualizations may look a little different.

In [1]: # Use the following data for this assignment:

import pandas as pd import numpy as np import matplotlib.pyplot as plt

np.random.seed(12345)

df = pd.DataFrame([np.random.normal(32000,200000,3650), np.random.normal(43000,100000,3650), np.random.normal(43500,140000,3650), np.random.normal(48000,70000,3650)], index=[1992,1993,1994,1995])

Out[1]:                                                     0                                         1                                         2                                         3

  • -8941.531897 127788.667612 -71887.743011 -79146.060869
  • -51896.094813 198350.518755 -123518.252821 -129916.759685
  • 932066 192947.128056 389950.263156 -93006.152024
  • -69708.439062 -13289.977022 -30178.390991 181256

4                                         5                                         6                                         7

  • 114501 310681.166595 50581.575349     88349.230566
  • 147314 49845.883728 149135.648505     62807.672113
  • 575896 5529.230706 -32989.370488 223942.967178
  • 621657 12930.835194     63700.461932     64148.489835

8                                         9                             …                                                     3640

  • 513522 281286.947277 …            171938.760289
  • 577348 -109686.264981 …            -44566.520071
  • -66721.580898 269111     …            165085.806360
  • -29316.268556 677367     …            -13901.388118

3641                                  3642                                  3643                                     3644

  • 759924 203663.976475 -377877.158072 -197214.093861
  • 122475 117648.199945 160475.622607 -13759.888342
  • 174090 107329.726875 199250.734156 -36792.202754
  • 686673 53965.990717     4128.990173       72202.595138

3645                                  3646                                  3647                                  3648                           36

  • 008589 -56826.729535 -67319.766489 113377.299342 -4494.8785
  • -37333.493572 103019.841174 179746.127403 493990 34442.8988
  • -71861.846997 113219 -29328.078384      65858.761714 -91542.0010
  • 199964 139472.114293 59386.186379     73362.229590 28705.0829

[4 rows x 3650 columns]

In [19]: #df[‘mean’]=df.mean(axis=1).tolist()

#df.drop(df.iloc[:,0:(len(df.columns)-1)],axis=1,inplace=True)

#df.reset_index(inplace=True)

In [3]: import scipy.stats as ss

import matplotlib.pyplot as plt import matplotlib.colors as col import matplotlib.cm as cm

# get the means and standard deviations means = df.mean(axis=1) std = df.std(axis=1)

n = df.shape[1]

# compute the 95% confidence intervals yerr = std/np.sqrt(n) * ss.t.ppf(1-0.05/2, n-1)

#Setup the plot plt.figure() ax= plt.subplot(111) plt.show()

bars = plt.bar(range(df.shape[0]), means, yerr = yerr,color = ‘grey’) index = range(len(df.index)) plt.xticks(index, df.index) plt.title(‘Data between 1992 and 1995’)

[plt.gca().spines[loc].set_visible( False ) for loc in [‘top’, ‘right’]] for spine in ax.spines.values(): spine.set_visible( False )

In [4]: #fig = plt.gcf() threshold = 42000

# Add the horizontal line and add its value as a y-tick plt.axhline(y = threshold, zorder=1, color = ‘brown’) ytick = plt.gca().get_yticks() ytick = np.append(ytick,threshold) plt.gca().set_yticks(ytick)

#Setup the colormap

colormap = col.LinearSegmentedColormap.from_list(“colormap”,[“b”, “white”, cpick = cm.ScalarMappable(cmap=colormap) cpick.set_array([])

#Computing each column against threshold value percentages = [] for bar, yerr_ in zip(bars, yerr): low = bar.get_height() – yerr_ high = bar.get_height() + yerr_ percentage = (high-threshold)/(high-low) if percentage>1: percentage = 1 if percentage<0: percentage=0 percentages.append(percentage)

percentages

#Updating the plot

bars = plt.bar(range(df.shape[0]), means, yerr = yerr, color = cpick.to_rgb

#Add the colorbar plt.colorbar(cpick, orientation=’horizontal’, boundaries=np.linspace(0,1,12

Related products

building a custom visualization assignment 3

AppliedPlotting Week 4 Solved

Appliedplotting week 2 solved.

building a custom visualization assignment 3

Information Visualization

Info247 course website, assignment 3.

These are the main goals of this assignment:

  • to start thinking about visualizations in terms of user interaction
  • to get started implementing custom visualizations using all the techniques we’ve learned so far. This involves your recently acquired knowledge about visual perception and color, as well as interaction techniques.
  • to prepare you for the final semester project

Your task is to create a custom interactive information visualization . You are free to pick any framework you like, as long as you implement the visualization yourself (as opposed to just using the interactive features of Tableau)

Here is one way to start:

  • Pick a domain you’re interested in This can be any freely available data set. This can also be something you got from scraping websites, that you derived from an API (e.g. Twitter), or anything that you compiled yourself and you feel passionate about. Feel free to use an example from your own research, but do not pick an example that you already have created visualizations for. My suggestion is to not spend too much time on getting the data set and save some time to implement the visualization.
  • Sketch out the interactive affordances that match the user intent You’re the designer and decide what you would like the users of your visualization to be able to do. This is closely related to the user intent. You might want to enable them to filter down a bigger dataset, to reconfigure a static view, or any other interaction technique we’ve looked at. The sketches become part of your writeup and are a required deliverable. I recommend to sketch your ideas out by hand.
  • Implement the visualization I’d recommend to use some of the frameworks we’ve looked at in class (such as D3.js or RaphaëlJS ) or any other visualization framework that fits your needs (for example Processing  or ProcessingJS ). The effort you’re putting into this assignment will greatly help you with your final semester project.
  • Apply some visual polish Present your visualization in a clean and visually appealing way. Don’t stress too much about this, but also don’t forget esthetics after putting in hard work implementing your visualization.

Deliverable

  • Your Visualization along with instructions how to access it (including source code)
  • 2 page writeup (500 words) containing
  • Your sketches
  • Why you chose the interaction technique
  • Problems you ran into, if any
  • Role of each team member, provided you worked in teams.
  • Compress everything into a zip file
  • LastnameFirstnameA3.zip (e.g. JungDonghyukA3.zip)

Tuesday March 6, 5:00PM, by email to DH. [email protected] or [email protected]

Leave a Reply Cancel reply

You must be logged in to post a comment.

  • Syllabus (post-hoc)
  • Assignments

Visualization10 - CS838 Course Web

Course web for CS838 Spring 2010, Visualization

Assignment 3: Visualization Research

January 23, 2010

in Assignments

assignment due Thursday, January 28th (please post your comments before 9am so we can read them before class)

The goal of this assignment is to give you an idea of what is going on in “Visualization Research” as a Computer Science Discipline. This is only one perspective on visualization, and this will give you a particular slice of it, but its better than nothing.

The premiere academic venue for Visualization (as a computer science sub-area) is IEEE “VisWeek.” Its a set of 3 conferences that are co-located. The proceedings are published as a special issue of IEEE Transactions on Visualization and Computer Graphics. The event is evolving. Its usually in October.

The past few years, there’s been 3 events “Vis,” “InfoVis,” and “Vast” (Visual Analytics Science and Technology). The most recent one (2009) was in Atlantic City this past October.

The goal of this assignment is to give you an idea of what kinds of things go on at this venue (as a way of sampling what “Visualization Research” is.

Your task is to look through the “proceedings” of the “conference” (really the 3 co-located events) and see what catches your eye. Of course, this being the modern era, you won’t actually look at the printed proceedings (they don’t even give it out at the conference – they give out a USB stick). One down side is that printed proceedings are great to flip through for this kind of purpose, and online proceedings are less skimmable. You don’t need to read the papers, but I want you to get a sense of what kinds of topics are there (and might be interesting to you). If you had the printed proceedings, you could flip through and see what pictures stood out.

What you should do (the resources for doing this are below):

  • Look over all the titles, see what catches your eye.
  • For some subset of those, look a little more closely. Read the abstract, look at the pictures, maybe the author has a website or something…
  • Pick a few of your favorites. Between 3-5. At least one must come from InfoVis, at least one must come from Vis. Give your list as a comment to this message. Please either remember your list or bring it to class.

Without the printed proceedings, your resources for doing it:

  • The VGTC website . VGTC is the committee of IEEE that organizes the conferences. They have a great website. For example, at this page you can see a list of all the papers, links to the abstracts, and links to the slides from most of the talks from Vis09. (there’s a similar page for infovis).
  • The graphics papers on the web resource has links for Vis09 and InfoVis09 . These are unofficial, but they usually have links to either the author’s web pages or the project web pages, where you can find more info (and even the PDF of the paper).
  • The official digital library page . Most useful to get the actual papers. We have a campus-wide subscription (so either access it with a campus IP address, or use the library’s proxy server).
  • If you’re off campus, you need to access the IEEE DL via a proxy. I think this works .

All you need to do is add a list of 3-5 papers as a comment to this posting, and come prepared to talk about what you’ve found. Again, I don’t expect you to actually read any complete papers (you are welcome to, but there will be plenty of time for that later in the semester) – but I do want you to get a sense of the range of topics that people are writing about.

Addendum: the digital library, while inconvenient, is the only real way to get the papers reliably and officially. Many authors put copies of the papers on their personal or group websites, but not everyone (and its unclear with the IEEE copyright agreement if this is a legal thing to do. it is OK with ACM).

Addendum 2: I understand that the papers people pick will be biased towards those that are convenient to find. There is no notion that this will be an unbiased sampling.

{ 20 comments }

Actually: you can follow links through the proxy server even while you’re on-campus. And you can try sending a URL through the proxy server by appending “ezproxy.library.wisc.edu” to the hostname.

So the digital library page’s URL, proxied, becomes:

http://ieeexplore.ieee.org.ezproxy.library.wisc.edu/xpl/tocresult.jsp?isYear=2009&isnumber=5290686&Submit32=View+Contents

General Notes ————-

a. I found InfoVis to be more interesting than Vis.

b. Since not even the abstracts were easily accessible for most of the papers in Vis, I ignored everything past Session 4.

c. The word “novel” is used by most authors to describe their own presentation. This must be a fairly overused term in the vis community, or perhaps in the computing community in general.

d. I understand that every discipline has its own jargon, fully understood only by its own tribe, but this community seems to be particularly jargon prone. Consider —

“Capitalizing on recent advances in matrix approximation and decomposition, ( Exemplar-based Visualization) presents a probabilistic multidimensional projection model in the low-rank text subspace with a sound objective function.”

Good lord! Now, my english is pretty good by any standard, but I have no idea what the authors are trying to say there.

InfoVis 2009 ————

1. Protovis: A Graphical Toolkit for Visualization by Bostock and Heer.

Intrigued by this paper because am familiar with Heer’s work, particularly his Vizster application (I believe that was his Ph.D. thesis). Downloaded the Protovis toolkit, but in spite of the logic of the authors on why such a toolkit was needed (declarative vs. imperative programming) in spite of many similar alternatives already out in the wild, I found the tool to be less than compelling.

2. Spatiotemporal Analysis of Sensor Logs using Growth Ring Maps by Bak, Mansmann, Janetzko and Keim.

Tackles a problem familiar to me in my mapping context, that is, how to symbolize overlapping markers (think residents in a multistory condo). I have been contemplating creating a prototype that disaggregates overlapping markers in an animation, much like Google Earth does with overlapping markers, but in a web-based context. Might be worthwhile as a project for this class.

3. Harnessing the Web Information Ecosystem with Wiki-based Visualization Dashboards by McKeon.

I once tried to create a dashboard for a project, but did not quite succeed. Since dashboards, but their nature, provide a controlled view of some complicated activity with many variables and views, it is hard to imagine their creation to be wikified. Hence, I found this paper to be of interest. It is based on ManyEyes, so it is easy to experiment with. I like stuff I can dig into, get my hands dirty. This paper took me there.

Vis 2009 ——–

4. Time and Streak Surfaces for Flow Visualization in Large Time-Var ying Data Sets by Krishnan, Garth and Joy.

Showing motion in a static visualization is a common challenge. The authors present a method for computing such visualizations that they term as “time and streak surfaces.”

gah! Beware, comments can be edited/updated. Once you hit [Submit], its immutable.

where by “comments can be edited” I mean “comments can *not* be edited.”

1. Exploring the Millennium Run – Scalable Rendering of Large-Scale Cosmological Datasets (Vis 2009)

2. Hue-Preserving Color Blending (Vis 2009)

3. Visualizing Social Photos on a Hasse Diagram for Eliciting Relations and Indexing New Photos (InfoVis 2009)

4. Flow Mapping and Multivariate Visualization of Large Spatial Interaction Data (InfoVis 2009)

5. Combining automated analysis and visualization techniques for effective exploration of high-dimensional data (VAST 2009)

1. Focus+Context Route Zooming and Information Overlay in 3D Urban Environments, Vis 2009.

2. Visual Human+Machine Learning, Vis 2009.

3. Hue-Preserving Color Blending, Vis 2009

4. Protovis: A Graphical Toolkit for Visualization, InfoVis 2009.

5. A Nested Model for Visualization Design and Validation, InfoVis 2009.

1. VisMashup: Streamlining the Creation of Custom Visualization Applications Emanuele Santos, Lauro Lins, James P. Ahrens, Juliana Freire, Cláudio T. Silva There wasn’t much information available (i.e. none) but this interested me because so much network visualization software (my major field of interest) is custom, takes considerable time to build, and doesn’t necessarily involve best practices in visualization. 2. Interaction Techniques for Selecting and Manipulating Subgraphs in Network Visualizations, McGuffin, M.J.; Jurisica, I. Much of my work involves making complex networks clear and useful to laypeople. Subnetworks are central to this process, and finding and visualizing subnetworks clearly is an important aspect of this work. 3. “Search, Show Context, Expand on Demand”: Supporting Large Graph Exploration with Degree-of-Interest, van Ham, F.; Perer, A. This is a very useful paper for the inverse of (2) above. For a variety of reasons, I work with whole community networks (community in this context means literal cities). I want to find ways for people to look at the entire community and see clusters or subnets that are useful to them. This involves multiple problems: what *is* useful to laypeople in exploring complex networks; how do you make this useful material stand out and visible; and how does this vary across users classes? 4. ResultMaps: Visualization for Search Interfaces, Clarkson, E.; Desai, K.; Foley, J. This appealed to me because my work involves the question of how people find useful networks in communities, and what is the easiest way “in” to this problem: whole network visualization, subnetworks, simple search, or some combination.

1. Loop surgery for volumetric meshes: Reeb graphs reduced to contour trees 2. Exploring the Millennium Run – Scalable Rendering of Large-Scale Cosmological Datasets 3. code swarm: A Design Study in Organic Software Visualization 4. Towards Utilizing GPUs in Information Visualization: A Model and Implementation of Image-Space Operations 5. Visual Analysis of Inter-Process Communication for Large-Scale Parallel Computing

1. Visual Exploration of Nasal Airflow 2. Scalable and Interactive Segmentation and Visualization of Neural Processes in EM Datasets 3. A Nested Model for Visualization Design and Validation 4. Hue-Preserving Color Blending

A few general notes:

* In general, InfoVis looks like more fun than Vis. * The pages for both sites are surprisingly hard to scan, considering it’s for they’re for vis sites.

And stuff I thought was really neat — or at least, notable:

1: Depth-Dependent Halos: Illustrative Rendering of Dense Line Data

2: ABySS-Explorer : Visualizing Genome Sequence Assemblies

3: Constructing Overview + Detail Dendrogram-Matrix Views

And, harkening back to my library days:

4: Mapping Text with Phrase Nets

I went through the abstracts of the articles I pick. My personal interest is mainly on how to make data telling more. Therefore, I select one with sampling methodology, one with surface descriptor, one with bioinfo background, and one from multidimensional data visualization.

Vis09 1. Sampling and Visualizing Creases with Scale-Space Particles Gordon L. Kindlmann (University of Chicago), Raál San José Estépar (Harvard Medical School), Stephen M. Smith, Carl-Fredrik Westin (Harvard Medical School)

In improving mesh generation and shape analysis, a good sampling from particle system is important. This paper proposes the role of particle systems in sampling structure from unsegmented data and describes a particle system that computes samplings of features effectively represent many anatomical structures in scanned medical data.

2. Intrinsic Geometric Scale Space by Shape Diffusion Guangyu Zou, Jing Hua, Zhaoqiang Lai (Wayne State University), Xianfeng Gu (State University of New York at Stony Brook), Ming Dong

Given any signal by observation, features inherently exist at various scales. Intrinsic Geometric Scale Space (IGSS) is a scale space of the Riemannian surface geometry, and it provides a framework for feature extraction and matching with inherent scale information.

3. Constructing Overview + Detail Dendrogram-Matrix Views Jin Chen, Alan M. MacEachren, Donna J. Peuquet (GeoVISTA Center, The Pennsylvania State University)

The research proposes a strategy that links an overview dendrogram and a detail-view dendrogram, each integrated with a re-orderable matrix. This tree plots strategy could be useful in many research fields.

4. Scattering Points in Parallel Coordinates Xiaoru Yuan, Peihong Guo, He Xiao (Peking University), Hong Zhou, Huamin Qu (The Hong Kong University of Science and Technology)

I am particularly interested in that they present a novel parallel coordinates design integrated with points, by taking advantage of both parallel coordinates and scatterplots.

I guess its only fair if i do this too. Some notes I made while skimming the proceedings (i had a physical copy) are at http://www.cs.wisc.edu/graphics/Wiki/Gleicher/Vis09

Me doing this is a little different, since I have different information (I was at the conference, saw lots of presentations and the fast-forward), and several competing interests (find things for class, find things for my own work, things that just seem interesting)…

I too found the infovis papers more interested in terms of their concepts, but also like some of the more mathematical issues addressed in the vis community.

But some of my “favorites” – OK, I picked too many. * Nested Model for Validation… – good food for thought, we’ll read this * Bubblesets – just a cute idea, and it looks nice – but i have some doubts about how they did it * Qualitiative Texton Sequences – good follow-through on a foundational thing * Route Zooming – I like lots of things about this (problem, approach, details, …) * Interactive Vis of Molecular Surface Dynamics – I saw the talk, and I still don’t think its possible 🙂 but i’m really interesting in the problem. * Structuring Feature Space: A Non-Parametric Method for Volumetric Transfer Function Generation – seems like a good idea for a basic problem. pulls out some appropriately sophisticated mathematics.

I read the following five paper which are interesting and have many applications.

Paper 1: Vis2009 Title : Loop Surgery for Volumetric Meshes: Reeb Graphs Reduced to Contour Trees Authors : Julien Tierny, Attila Gyulassy, Eddie Simon, Valerio Pascucci

Comments: In this paper, authors propose a new technique to construct Reebs graph using “Surgery Technique” and claim that it is 6500 times faster than previous known techniques. Which is true remarkable, but the following sentence “In this case, our technique produces results in matter of seconds even for the largest models” is rather overstatement.

Paper 2 : Vis2009 Title : Applying Manifold Learning to Plotting Approximate Contour Trees Authors : Shigeo Takahashi, Member, IEEE, Issei Fujishiro, Member, IEEE, and Masato Okada Comments: A Contour tree ( or Sketon tree ) encapsulates evolution of scalar field which is used to understand topological properties of a field. In this paper, authors have used a well known nonlinear data reduction technique “Manifold learning” to construct contour trees in higher dimension. They also use hierarchical representation for handling large scale dataset.

Paper 3 : Vis2009 Title : Multi-Scale Surface Descriptors

Authors : Gregory Cipriano, George N. Phillips Jr., Michael Gleicher Comments : In this paper, authors make an attempt to characterize surfaces based on curvature based descriptors. They show use of local shape descriptors in many applications such as shape matching, stylized rendering, visualization and analysis of scientific data.

Paper 4 : InfoVis2009 Title : Search, Show Context, Expand on Demand: Supporting Large Graph Exploration with Degree-of-Interest Authors : Frank van Ham and Adam Perer Comments : Exploring information from large sparse graph is challenging. In this paper, authors believes that by using “degree of interest”, the complexity of graph exploration could be reduced. They have developed a prototype on legal documents and showed that it was useful in extracting relevant documents.

paper 5 : VAST2009 Title : Combining automated analysis and visualization techniques for effective exploration of high-dimensional data Authors : Andrada Tatu, Georgia Albuquerque, Martin Eisemann, Jörn Schneidewind, Holger Theisel, Marcus Magnork, Daniel Keim Comment : The projection of higher-dimensional dataset to lower dimensional space is although quite attractive, but its complexity is too high to rely on manual selection of lower-dimensional views. In this paper, the authors automate ranking of scatterplots and parallel coordinate views which has high probability of providing useful information.

* Depth-Dependent Halos: Illustrative Rendering of Dense Line Data – Vis09 * Perception-Based Transparency Optimization for Direct Volume Rendering – Vis09 * Bubble Sets: Revealing Set Relations with Isocontours over Existing Visualizations – infoVis09 * A Nested Model for Visualization Design and Validation * Smooth Graphs for Visual Exploration of Higher-Order State Transitions – InfoVi09

1. Perception-Based Transparency Optimization for Direct Volume Rendering I like to stare at pictures with visible structures.

2. Document Cards: A Top Trumps Visualization for Documents My friend and I thought that a summary diagram of a paper will be more efficient than an abstract or even the whole paper in the aspect of understanding and time.

3. A Comparison of User-Generated and Automatic Graph Layouts It is interesting the layouts look so different to each other.

Here are a few papers/presentations that look interesting to me:

InfoVis Systems A Multi-Threading Architecture to Support Interactive Visual Exploration Harald Piringer, Christian Tominski (University of Rostock), Philipp Muigg, Wolfgang Berger

comment: I really appreciate it when an effort is made to extend the technical limitations associated with complex visual projects.

Vis Perception-Guided Visualization Best Paper Award: Depth-Dependent Halos: Illustrative Rendering of Dense Line Data Maarten H. Everts, Henk Bekker, Jos B.T.M. Roerdink, Tobias Isenberg (University of Groningen)

comment: The density of each grouping of line data is really easy digest in a short amount of time.

InfoVis Text Visualization Best Paper Award: Mapping Text with Phrase Nets Frank van Ham, Martin Wattenberg, Fernanda B. Viégas (Visual Communication Lab, IBM Watson Research Center)

comment: Just like with a tag-cloud, the viewer can quickly get a sense of the scope and theme of the topic.

InfoVis Collaborative Visualization SpicyNodes: Radial Layout Authoring for the General Public Michael Douma, Grzegorz Ligierko, Ovidiu Ancuta, Pavel Gritsai, Sean Liu (Human-Computer Interaction and Design, University of Washington)

comment: I thought the node based layout was well executed, although the transitions could be more fluid.

1. On the Visualization of Social and other Scale-Free Networks (InfoVis 2008. Yuntao Jia et al.) : social network analysis is all about finding meaningful patterns, which depends largely on effective condensing(clustering, filtering etc) of the edges.

2. Narratives: A Visualization to Track Narrative Events as they Develop (VAST 2008. Danyel Fisher et al.) : “Visualizing news stories in their historical and social context… by understanding how the major topics associated with them have changed over time”. Just the right topic anybody in my department should look at.

3. VisComplete: Automating Suggestions for Visualization Pipelines (Vis 2008. David Koop) : Pure heuristics, effectively visualized.

4. Configuring Hierarchical Layouts to Address Research Questions (InfoVis 2009, Aidan Slingsby et al.) : Explains how to use hierarchial displays to show multiple aspects of large multivariate datasets. Provides insights to build visual narratives in complex data exploration.

InfoVis ——–

1. Viz-A-Vis: Toward Visualizing Video through Computer Vision 2. Visual Analysis of Inter-Process Communication for Large-Scale Parallel Computing 3. Distributed Cognition as a Theoretical Framework for Information Visualization 4. Vispedia: Interactive Visual Exploration of Wikipedia Data via Search-Based Integration

Vis —- 1. BrainGazer – Visual Queries for Neurobiology Research

– “Hue-Preserving Color Blending” I don’t have any experience at all with this problem, yet the main idea of the paper is very simple, and clea rly described. The results were convincing too.

– “Interaction Techniques for Selecting and Manipulating Subgraphs in Network Visualizations” I like this one because graph data is ubiquitous, and though I couldn’t find the paper, the demo looked like it allows some useful interactions.

– “Perception-Based Transparency Optimization for Direct Volume Rendering” This one is interesting because it is an interesting problem I have never considered, and it may be useful fo r visualizing brain scan data. Fig. 8 shows their approach on a head CT scan.

– “Applying Manifold Learning to Plotting Approximate Contour Trees” This one is interesting just because it is close to my research area.

-Molecular Surface Abstraction (Vis 2007) Greg Cipriano, Michael Gleicher (University of Wisconsin, Madison)

– Mapping Text with Phrase Nets Frank van Ham, Martin Wattenberg, Fernanda B. Viégas (infoVis 2009)

-Multi-Scale Surface Descriptors Gregory Cipriano, George N. Phillips Jr., Michael Gleicher (Vis 2009)

-A User Study to Compare Four Uncertainty Visualization Methods for 1D and 2D Datasets Jibonananda Sanyal, Song Zhang, Gargi Bhattacharya, Phil Amburn, Robert J. Moorhead (Vis2009)

Previous post: A very cool visualization website

Next post: This week in 838 (Jan 25-29)

  • Assignments (23)
  • BasicInfo (10)
  • Cool Stuff (29)
  • Critiques (21)
  • Final Project (12)
  • Ideas for 2012 (6)
  • Lecture Stuff (7)
  • Project Ideas (3)
  • Resources (3)
  • Student Posts (83)
  • Uncategorized (13)

Recent Posts

  • Color Reference for Class
  • Web Things from Puneet
  • Things from VisWeek 2012
  • Kosara Blog Posts
  • Ideas for Readings

Recent Comments

  • Reading 13: Bi-Variate Displays on Reading 9: Bi-Variate Color Mappings
  • faisal on Reading 11: Animation
  • dalbers on Reading 11: Animation
  • dhe on Reading 11: Animation
  • Nate on Reading 11: Animation
  • November 2011
  • October 2011
  • September 2011
  • February 2010
  • January 2010
  • December 2009

WordPress Admin

IMAGES

  1. 3

    building a custom visualization assignment 3

  2. Assignment 3 EASIEST OPTION.docx

    building a custom visualization assignment 3

  3. Assignment3 1 .pdf

    building a custom visualization assignment 3

  4. Assignment 3

    building a custom visualization assignment 3

  5. Build a Custom Visualization

    building a custom visualization assignment 3

  6. GitHub

    building a custom visualization assignment 3

VIDEO

  1. R18 back to stock look 😅 but shining increased now 🔥

  2. Alat

  3. #the #class vs #homework vs #test #trendingshorts #viralshorts

  4. Major Assignment 3 C

  5. Assignment 3.4

  6. Advanced Charts

COMMENTS

  1. Assignment 3

    Nick Malinowski's Portfolio My data science portfolio! Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading.

  2. Assignment 3

    The bar colors should change with respect to what value the user has selected.</p>\n<p dir=\"auto\">Hardest option: Allow the user to interactively set a range of y values they are interested in, and recolor based on this (e.g. a y-axis band, see the paper for more details).</p>\n<hr>\n<p dir=\"auto\"><em>Note: The data given fo...

  3. DCMAM/-Assignment_3-Building_a_Custom_Visualization

    GitHub - DCMAM/-Assignment_3-Building_a_Custom_Visualization: Assignment 3 of Applied plotting, charting & Data Representation in Python Course provided by University of Michigan at Coursera. DCMAM / -Assignment_3-Building_a_Custom_Visualization Public Notifications Fork 0 Star 0 Code Issues Pull requests Actions Projects Security Insights main

  4. Figure 1 from (Ferreira et al, 2014).

    The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work. The options differ in challenge level, but there are no grades associated with the challenge level you chose.

  5. Assignment 3

    Mohamed Khairy · 2y ago · 1,953 views arrow_drop_up Copy & Edit more_vert Assignment 3 - Building a Custom Visualization Python · Houses predicted values using Excel Notebook Input Output Logs Comments (0) Run 5.5 s history Version 2 of 2 License This Notebook has been released under the Apache 2.0 open source license. Continue exploring

  6. Assignment 3

    Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work.

  7. assignment3

    Assignment 3 - Building a Custom Visualization¶. In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work.

  8. PDF Peer-graded Assignment: Building a Custom Visualization

    Building a Custom Visualization | Coursera | Coursera 3/13/17, 9:41 AM ... Back to Week 3 Lessons Prev Next Peer-graded Assignment: Building a Custom Visualization (Admin-Only Link) Preview Rubric Back To Assignment Rubric Preview Identify the challenge level that you chose for the assignment:

  9. Assignment 3

    of 6 Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work.

  10. Assignment 3

    Assignment 3 - Building A Custom Visualization | PDF Assignment 3 - Building a Custom Visualization - View presentation slides online. Even Harder Option Figure

  11. Assignment 3

    3 - Building a Custom Visualization. In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work.

  12. Assignment 3 for Week 3 of Applied Plotting, Charting and Data

    Assignment 3 for Week 3 of Applied Plotting, Charting and Data Representation in Python Coursera course - Assignment3.ipynb

  13. GitHub: Let's build from here · GitHub

    \\n\","," \" \\n\","," \" \\n\","," \" \\n\","," \" 0 \\n\","," \" 1 \\n\","," \" 2 \\n\","," \"

  14. Assignment3.pdf

    Assignment3 July 26, 2021 1 Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading.

  15. Assignment3 1 .pdf

    Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work.

  16. Assignment 3

    Download ZIP Assignment 3 - Building a Custom Visualization Raw Assignment 3 - Building a Custom Visualization.txt Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading.

  17. Applied Plotting, Charting & Data Representation in Python

    There are 4 modules in this course. This course will introduce the learner to information visualization basics, with a focus on reporting and charting using the matplotlib library. The course will start with a design and information literacy perspective, touching on what makes a good and bad visualization, and what statistical measures ...

  18. AppliedPlotting Week 3-Building a Custom Visualization Solved

    1 Assignment 3 - Building a Custom Visualization In this assignment you must choose one of the options presented below and submit a visual as well as your source code for peer grading. The details of how you solve the assignment are up to you, although your assignment must use matplotlib so that your peers can evaluate your work.

  19. Figure 1 from (Ferreira et al, 2014).

    Note that the colorbar legend at the bottom as well as the arrows are not required in the assignment descriptions below. ","# ","# **Easiest option:** Implement the bar coloring as described above - a color scale with only three colors, (e.g. blue, white, and red).

  20. Assignment 3

    to get started implementing custom visualizations using all the techniques we've learned so far. This involves your recently acquired knowledge about visual perception and color, as well as interaction techniques. to prepare you for the final semester project; Your task is to create a custom interactive information visualization. You are free ...

  21. Projects · -Assignment_3-Building_a_Custom_Visualization

    GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 330 million projects. ... DCMAM /-Assignment_3-Building_a_Custom_Visualization Public. Notifications Fork 0; Star 0. Code; Issues 0; Pull requests 0; Actions; Projects 0; Security; Insights Search all projects No open ...

  22. Assignment 3: Visualization Research

    Assignment 3: Visualization Research. January 23, 2010. in Assignments. ... but this interested me because so much network visualization software (my major field of interest) is custom, takes considerable time to build, and doesn't necessarily involve best practices in visualization. ... Provides insights to build visual narratives in complex ...