d3: scales, and color. In protovis, scales were super-useful in just about everything. That much hasn’t changed in d3, even though d3.scale is a bit different from pv.Scale. (do note that d3.scale is in lowercase for starters). Scales: the main idea Simply put: scales transform a number in a certain interval (called the domain) into a number in another interval (called the range). For instance, let’s suppose you know your data is always over 20 and always below 80. D3 Tutorial: Axes Last updated 2012 December 30 Having mastered the use of D3 scales, we now have this scatterplot: Let’s add horizontal and vertical axes, so we can do away with the horrible red numbers cluttering up our chart. Introducing Axes Much like the scale functions, D3’s axes are actually functions whose parameters you define.
An Overview of the Euro Crisis - Interactive Graphic Arrows show imbalances of debt exposure between borrowers in one country and banks in another; arrows point from debtors to their bank creditors. Arrow widths are proportional to the balance of money owed. For example, French borrowers owe Italian banks $50.6 billion; Italian borrowers owe French banks $416.4 billion. The difference — their imbalance — shows France's banking system more exposed to Italian debtors by about $365.8 billion. The risk to countries’ debts and economies is indicated by color:
High Performance, Cost-Effective Enterprise Business Analytics - Overview Data is coming into businesses faster and more furiously than ever. Getting it into the hands of all users, including the decision-makers at the point of customer interaction, is crucial to owning a competitive advantage. Business Analytics has moved beyond “initiative”; today it’s a business imperative. Mixing d3 and React - macwright.org tl;dr: Use JSX instead of the d3 selection API and keep everything else. I have lots of love for both React and d3. Recently I was tasked with building a few data-visualization dashboards, and combined the two. From my understanding of the two technologies, the way I mushed them together was the simplest possible way, but after completing the project and reading prior art, it’s a bit different than most.
D3 scales and interpolation « nelsonslog D3 has a notion of “scales”, transformations of data from a domain to a range. Say your data is percentages (0% to 100%) and you want to draw them as bars of length 10-20. You can easily construct a linear scale to map your domain [0,100] to a range [10,20]: If that use of s seems magic, equivalents would be
On the tenth day of Xmas, get dirty with data using d3.js I’d like to start off by asking what seems like quite a simple question: What is the difference between data and information? And taking it a step further, where does knowledge fit into this definition? Not as easy to answer as you might expect, is it! Explorable Explanations Bret Victor / March 10, 2011 What does it mean to be an active reader? An active reader asks questions, considers alternatives, questions assumptions, and even questions the trustworthiness of the author. An active reader tries to generalize specific examples, and devise specific examples for generalities. An active reader doesn't passively sponge up information, but uses the author's argument as a springboard for critical thought and deep understanding. Do our reading environments encourage active reading?