Home · mbostock/d3 Wiki
VISUALIZING MATHS & PHYSICS
Raphaël—JavaScript Library
D3 Tips and Tricks by Malcolm Maclean
D3.js can help you make data beautiful. D3 Tips and Tricks is a book written to help those who may be unfamiliar with JavaScript or web page creation get started turning information into visualization. Data is the new medium of choice for telling a story or presenting compelling information on the Internet and d3.js is an extraordinary framework for presentation of data on a web page. Is this book for you? It's not written for experts. It's put together as a guide to get you started if you're unsure what d3.js can do. Why was D3 Tips and Tricks written? Because in the process of learning things, it's a great way to remember them if you write them down :-). As a result, learning how to do cool stuff with D3 meant that I accumulated a sizeable number ways to help me out when the going got tricky. So here we are! What's in the book? But wait! There are over 50 code examples that are used in the book (with their data files) available to download (still free!) The awesome that is Open Source.
xml - SQL Server SELECT to JSON function
Max Roser – Economist
RGraph: HTML5 charts library (Open Source!)
Text Mining Tool | Theory and Applications
Edited by Shigeaki Sakurai, ISBN 978-953-51-0852-8, 226 pages, Publisher: InTech, Chapters published November 21, 2012 under CC BY 3.0 licenseDOI: 10.5772/3115 Edited Volume Due to the growth of computer technologies and web technologies, we can easily collect and store large amounts of text data. We can believe that the data include useful knowledge.
The world’s top 50 billionaires: A demographic breakdown.
Top 50 Billionaire Breakdown If you asked anyone to picture the wealthiest person in the world at any given time, you could bet on some common denominators: probably a man; probably somehow attached to the words “multinational” or “conglomerate”; probably on a yacht off a private island. With Slate’s Top 50 Billionaire Breakdown, we attempt to visualize the richest of the rich by paring them into demographic categories: age, location, industry, source of wealth, education, and religious affiliation. Some of the sortings are heartening: There are more self-made men than born-rich kids in the top 50, and the self-made billionaires’ total wealth is bigger. Some are less so: The entire African continent has the same number of billionaires as Canada (one each), and there isn’t a single woman in the top 50 who’s self-made. (We’re rooting for you, Wu Yajun!) Correction, Nov. 18, 2013: The interactive originally mislabeled the Koch brothers as Jewish.
Our World in Data — Visualising the Empirical Evidence on how the World is Changing
Flot: Attractive JavaScript plotting for jQuery
UNSW Learning Analytics & Data Science in Education Research Group
December 8, 2015 - 'Research Forward': Exploring practical uses of analytics @ UNSW - L Vigentini (UNSW Australia, Learning & Teaching Unit) November 24, 2015 - Evaluating the student experience in Massive Open Online Courses (MOOCs): methods, problems and insights - C. Zhao, L Vigentini (UNSW Australia, Learning & Teaching Unit) November 10, 2015 - Show me my data! October 27, 2015 - MTFeedback: providing notifications to enhance teacher awareness of small group work in the classroom - Dr Roberto Martinez Maldonado (UTS) & Andrew Clayphan (UNSW) October 13, 2015 - Two short talks: 1) Discrimination-Aware Classifiers for Student Performance Prediction - Ling Luo (University of Sydney) 2) Detecting Students at Risk of Failing - A/Prof Irena Koprinska (University of Sydney) September 29, 2015 - Business Intelligence and Analytics v Learning Analytics – Opportunities for cross-pollination of ideas and practices - A/Prof. August 4, 2015- Learning in the MOOCs and learning from the MOOCs - Dr.
d3.legend example
d3.legend d3.legend is a quick hack to add a legend to a d3 chart. Simply add a g and .call(d3.legend). Any elements that have a title set in the "data-legend" attribute will be included when d3.legend is called. Each title will appear only once (even when multiple items define the same data-legend) as the process uses a set based on a existing names, not an array of all items. Color By default the color in the legend will try to match the fill attribute or the stroke attribute of the relevant items. Order The order of items in the legend will be sorted using the top of the bounding box for each included item. Padding Padding will be determined by attribute "data-style-padding" on the legend element. Size Size of the box is determined by font size, as items are placed using "em" and the frame around the items is based on the bounding box. This Example This example takes an existing Gist and adds a legend by defining data-legend for each series and calling d3.legend on a "g" element.
