Visualization Techniques and SVG Generation Assignment
Order ID 53563633773 Type Essay Writer Level Masters Style APA Sources/References 4 Perfect Number of Pages to Order 5-10 Pages Description/Paper Instructions
Visualization Techniques and SVG Generation Assignment
Visualization Toolkits A variety of useful toolkits have been designed to help support information visualization applications. Some include support for the full visualization pipeline from data to interactive graphics, while others focus only on a subset, typically graphics and interaction.
D3 – A JavaScript library for data-driven DOM manipulation, interaction and animation. Includes utilities for visualization techniques and SVG generation.
Processing and Processing.js – A popular Java-like graphics and interaction language and IDE. Processing has a strong user community with many examples.
Protovis – JavaScript visualization language, predecessor of d3. o HTML/! JavaScript/XML – use standard web technologies to build the visualization. You
may use libraries such as jQuery, Dojo, and the Google Maps API to help build your visualization.
PolyMaps – create map displays with JavaScript & SVG o Flare – Visualization toolkit for Adobe Flash o Modest Maps – Mapping library for Flash o Prefuse – Visualization toolkit for Java o Improvise – Java system supporting coordinated views o InfoVis Toolkit – A Java visualization library, from INRIA France o Piccolo – A Java library for zoomable UIs, from the University of Maryland (Java and
.NET) o VTK – A scientific visualization library (C++ with wrappers for other languages)
Statistical Data Analysis Tools o Microsoft Excel– supports charts, graphs, or histograms generated from specified
groups of cells. o Tableau for Student– get Tableau free license as a student. o Tableau Public – a free version of Tableau which publishes to the web o GGplot2 – a graphics language for R o GGobi – visualizations for multivariate data o Improvise – a visualization tool supporting a variety of visualization types o MATLAB – optimized for solving engineering and scientific problems. Network Analysis Tools o NodeXL graph analysis plug-in for Excel
https://developers.google.com/maps/
http://www.cs.ou.edu/~weaver/improvise/
https://office.live.com/start/Excel.aspx
http://www.tableausoftware.com/student/
http://www.tableausoftware.com/public/
http://www.cs.ou.edu/~weaver/improvise/
http://www.codeplex.com/NodeXL
2
Gephi – a graph analysis application o GUESS – a combined visual/scripting interface for graph analysis o Pajek – another popular network analysis tool o NetworkX – graph analysis library for Python o SNAP – graph analysis library for C++
Color Tools o kuler – Color Palette Generator o Color Brewer
Tutorials & Tips
In addition to our workshops, these tutorials could be useful for Assignment 3, final project, and your future visualization work.
HTML, CSS o Basics:
Mozilla Develop Network (HTML, CSS). o CSS Zen Garden
Extras o Sass is easy to learn and powerful way to write o Compass contains a lot of reusable patterns. o Twitter Bootstrap is a popular template.
Javascript o Fundamental JavaScript Concepts
Mozilla Developer Network o JavaScript Garden is a good reference to language quirks and gotchas. o Eloquent Javascript – free online book by Marijn Haverbeke o A re-introduction to JavaScript (JS Tutorial) on Mozilla Developer Network o JavaScript: The Good Parts – Douglas Crockford (See also his YUI videos) o Learning JavaScript Design Patterns by Addy Osmani
Debugging:
Learn to use the Webkit Inspector (or Firebug if you’re a firefox fan.)
http://graphexploration.cond.org/
https://developer.mozilla.org/en-US/learn/html
https://developer.mozilla.org/en-US/learn/css
http://courses.cs.washington.edu/courses/cse512/14wi/getbootstrap.com
https://developer.mozilla.org/en-US/docs/Web/JavaScript
http://bonsaiden.github.io/JavaScript-Garden/
http://eloquentjavascript.net/
http://www.amazon.com/dp/0596517742
ahttp://yuiblog.com/crockford/
http://addyosmani.com/resources/essentialjsdesignpatterns/book/
http://jtaby.com/blog/2012/04/23/modern-web-development-part-1
3
Learn useful short keys– the basic one is cmd+shift+Ifor opening inspector. Then you can learn more by clicking the gear button on the bottom right and see the shortcuts tab
use JSHint to avoid syntactic bugs o Addy Osmani’s list of good JavaScript style guide o Javascript MVC
Backbone.js- Simple MVC Backbone o Backbone Fundamentals
Angular.js – better but takes more time to learn (say 1-2 weeks to really understand concepts) o Start with egghead.io and thinkster.io. o Angular’s official document is a pain. When you look at it, make sure to look at
comments so you learn from others’ confusion. Hopefully the community is big, so it should get better overtime though.
Use yeoman o Useful stuff from mg-newsletter
Angular for jQuery developer o Make sure to have AngularJS Batarang in Chrome so you can debug scope.
Javascript Library like Lodash (An arguably better fork of underscore.) – make sure to use them only if you need. Sometimes d3 helpers are enough. o a lodash tutorial
Need an in-memory database for your vis prototype? – try datavore or crossfilter o Syntax alternatives: Coffeescript, MS TypeScript d3.js o Interactive Data Visualization for the Web Scott Murray(free online version)
Scott Murray’s Original tutorial (shorter) o Vadim’s Intro Slides o Jérôme Cukier & Scott Murray’s d3 tutorial at Strata 2013 (slides)
(older) d3 tutorial at Visweek 2012 by Jérôme Cukier, Jeff Heer, and Scott Murray. (source, demo, cheatsheet)
More extensive list of examples can be found in d3’s tutorial page and gallery and Christophe Viau’s gallery.
Git & Github
https://plus.google.com/+AddyOsmani/posts/h37ZvatmKqV
http://addyosmani.github.io/backbone-fundamentals/
http://courses.cs.washington.edu/courses/cse512/14wi/yeoman.io
https://github.com/lodash/lodash
http://tech.pro/tutorial/1611/functional-javascript
https://github.com/StanfordHCI/datavore
http://square.github.io/crossfilter/
http://www.typescriptlang.org/
http://chimera.labs.oreilly.com/books/1230000000345
http://chimera.labs.oreilly.com/books/1230000000345/index.html
http://alignedleft.com/tutorials/d3/
http://vogievetsky.github.io/IntroD3/#1
https://github.com/alignedleft/strata-d3-tutorial
https://github.com/alignedleft/strata-d3-tutorial/raw/master/Strata%25202013%2520Slides.pdf
http://jeromecukier.net/presentations/d3-tutorial/
http://jeromecukier.net/d3-tutorial.zip
http://vis.stanford.edu/jheer/talks/VisWeek2012
https://github.com/mbostock/d3/wiki/Tutorials
https://github.com/mbostock/d3/wiki/Tutorials
https://github.com/mbostock/d3/wiki/Gallery
http://christopheviau.com/d3list/gallery.html
4
Git Tutorials o Git Official Docs o Visual Git Guide o A Successful Branching Model
Github o Use Github’s issue tracker, so you can refer to issues in your commit messages
using # followed by issue no. o Working in a team? Use Github’s Pull Request so you can do code review.
Pull Request Workflows by Patrick Cozzi o Extras
Interactive Rebase o Need to merge multiple repos (e.g. using datavore in another project)?
Use git subtree and DO NOT use git submodule. o GUI
Using git with command line is generally fast but using SourceTree is easier for reviewing your code before committing or committing a part of your changes and reduce chances that you will run a wrong command (such as push wrong branch to master).
More Tips o Atomic Commit is a good practice. o Stash is useful when you have unfinished messy things and need to switch
branches to work on something else.
Data Sets
Civic Data Sets for the Pacific Northwest o 30 Places to Find Open Data on the Web – Visual.ly o Office for National Statistics (UK) – a repository of detailed statistics about Great
Britain and Northern Irland o World Bank Data Catalog o CDC NCHS Data – CDC’s National Center for Health Statistics Data Access o Machine Learning Repository – large variety of maintained data sets
http://marklodato.github.io/visual-git-guide/index-en.html
http://nvie.com/posts/a-successful-git-branching-model/
https://help.github.com/articles/using-pull-requests
http://cesium.agi.com/2013/10/08/GitHub-Pull-Request-Workflows/
https://help.github.com/articles/interactive-rebase
https://github.com/StanfordHCI/datavore
https://help.github.com/articles/working-with-subtree-merge
http://ayende.com/blog/4746/the-problem-with-git-submodules
http://en.wikipedia.org/wiki/Atomic_commit
http://git-scm.com/book/en/Git-Tools-Stashing
http://blog.visual.ly/data-sources/
http://www.statistics.gov.uk/default.asp
http://data.worldbank.org/data-catalog
http://www.cdc.gov/nchs/data_access/data_tools.htm
http://archive.ics.uci.edu/ml/
5
Links
Visualization Blogs o Flowing Data o Information Aesthetics o Visual Complexity o Edward Tufte: Ask E.T. Forum o Statistical Modeling, Causal Inference, and Social Science o Information is Beautiful o Datalysed o Kelso Cartography o Visual
Other Resources Lists o Tamara Munzner’s Course at UBC o John Stasko’s Course at Georgia Tech
http://www.visualcomplexity.com/vc/
http://www.edwardtufte.com/bboard/q-and-a?topic_id=1
http://www.perceptualedge.com/blog/
http://www.informationisbeautiful.net/
http://kelsocartography.com/blog/?tag=narrative
http://www.cs.ubc.ca/~tmm/courses/533-11/
http://www.cc.gatech.edu/~stasko/7450/resources.html
RUBRIC
QUALITY OF RESPONSE NO RESPONSE POOR / UNSATISFACTORY SATISFACTORY GOOD EXCELLENT Content (worth a maximum of 50% of the total points) Zero points: Student failed to submit the final paper. 20 points out of 50: The essay illustrates poor understanding of the relevant material by failing to address or incorrectly addressing the relevant content; failing to identify or inaccurately explaining/defining key concepts/ideas; ignoring or incorrectly explaining key points/claims and the reasoning behind them; and/or incorrectly or inappropriately using terminology; and elements of the response are lacking. 30 points out of 50: The essay illustrates a rudimentary understanding of the relevant material by mentioning but not full explaining the relevant content; identifying some of the key concepts/ideas though failing to fully or accurately explain many of them; using terminology, though sometimes inaccurately or inappropriately; and/or incorporating some key claims/points but failing to explain the reasoning behind them or doing so inaccurately. Elements of the required response may also be lacking. 40 points out of 50: The essay illustrates solid understanding of the relevant material by correctly addressing most of the relevant content; identifying and explaining most of the key concepts/ideas; using correct terminology; explaining the reasoning behind most of the key points/claims; and/or where necessary or useful, substantiating some points with accurate examples. The answer is complete. 50 points: The essay illustrates exemplary understanding of the relevant material by thoroughly and correctly addressing the relevant content; identifying and explaining all of the key concepts/ideas; using correct terminology explaining the reasoning behind key points/claims and substantiating, as necessary/useful, points with several accurate and illuminating examples. No aspects of the required answer are missing. Use of Sources (worth a maximum of 20% of the total points). Zero points: Student failed to include citations and/or references. Or the student failed to submit a final paper. 5 out 20 points: Sources are seldom cited to support statements and/or format of citations are not recognizable as APA 6th Edition format. There are major errors in the formation of the references and citations. And/or there is a major reliance on highly questionable. The Student fails to provide an adequate synthesis of research collected for the paper. 10 out 20 points: References to scholarly sources are occasionally given; many statements seem unsubstantiated. Frequent errors in APA 6th Edition format, leaving the reader confused about the source of the information. There are significant errors of the formation in the references and citations. And/or there is a significant use of highly questionable sources. 15 out 20 points: Credible Scholarly sources are used effectively support claims and are, for the most part, clear and fairly represented. APA 6th Edition is used with only a few minor errors. There are minor errors in reference and/or citations. And/or there is some use of questionable sources. 20 points: Credible scholarly sources are used to give compelling evidence to support claims and are clearly and fairly represented. APA 6th Edition format is used accurately and consistently. The student uses above the maximum required references in the development of the assignment. Grammar (worth maximum of 20% of total points) Zero points: Student failed to submit the final paper. 5 points out of 20: The paper does not communicate ideas/points clearly due to inappropriate use of terminology and vague language; thoughts and sentences are disjointed or incomprehensible; organization lacking; and/or numerous grammatical, spelling/punctuation errors 10 points out 20: The paper is often unclear and difficult to follow due to some inappropriate terminology and/or vague language; ideas may be fragmented, wandering and/or repetitive; poor organization; and/or some grammatical, spelling, punctuation errors 15 points out of 20: The paper is mostly clear as a result of appropriate use of terminology and minimal vagueness; no tangents and no repetition; fairly good organization; almost perfect grammar, spelling, punctuation, and word usage. 20 points: The paper is clear, concise, and a pleasure to read as a result of appropriate and precise use of terminology; total coherence of thoughts and presentation and logical organization; and the essay is error free. Structure of the Paper (worth 10% of total points) Zero points: Student failed to submit the final paper. 3 points out of 10: Student needs to develop better formatting skills. The paper omits significant structural elements required for and APA 6th edition paper. Formatting of the paper has major flaws. The paper does not conform to APA 6th edition requirements whatsoever. 5 points out of 10: Appearance of final paper demonstrates the student’s limited ability to format the paper. There are significant errors in formatting and/or the total omission of major components of an APA 6th edition paper. They can include the omission of the cover page, abstract, and page numbers. Additionally the page has major formatting issues with spacing or paragraph formation. Font size might not conform to size requirements. The student also significantly writes too large or too short of and paper 7 points out of 10: Research paper presents an above-average use of formatting skills. The paper has slight errors within the paper. This can include small errors or omissions with the cover page, abstract, page number, and headers. There could be also slight formatting issues with the document spacing or the font Additionally the paper might slightly exceed or undershoot the specific number of required written pages for the assignment. 10 points: Student provides a high-caliber, formatted paper. This includes an APA 6th edition cover page, abstract, page number, headers and is double spaced in 12’ Times Roman Font. Additionally, the paper conforms to the specific number of required written pages and neither goes over or under the specified length of the paper. GET THIS PROJECT NOW BY CLICKING ON THIS LINK TO PLACE THE ORDER
CLICK ON THE LINK HERE: https://www.perfectacademic.com/orders/ordernow
Also, you can place the order at www.collegepaper.us/orders/ordernow / www.phdwriters.us/orders/ordernow
Do You Have Any Other Essay/Assignment/Class Project/Homework Related to this? Click Here Now [CLICK ME]and Have It Done by Our PhD Qualified Writers!!