After finishing this chart I found Jerome Cukier brilliant blog post: d3: scales, and color. I wish I could have read it before I started the first line of code.
Leonardo’s advice recalling Cennino’s approach: "The painter ought first to exercise his hand by coping drawings by good masters..."
"Zen lesson: Eliminate what doesn’t matter to make more room for what does."
I think: nowadays the level of data visualization quality seems to be much higher than that of our data many times. Is there anything that can be done in terms of that? I suppose that in some situation we can ask our DataVis engine (D3 and D3.chart.js here) to help with this problem. Here I try to find a solution to show how certain or sometimes informative/interesting is the datum that is used for the chart.
the reason why and how I did it can be read and seen here.
( my original bulleT chart is a very simple one, without d3.chart.js, without update button, but can be set horizontally and vertically - feedback is welcomed: @CodeXmonk or codexmonk@gmail.com )
Some of my younger colleagues used to ask for help about interpreting MMPI scores (Minnesota Multiphasic Personality Inventory).
Sometimes a question arose:
"here is the result... it’s normal in general, but just look at that scale... that is so high... what can be the problem?"
My question was: "what’s his business?"
Answer: "don’t know exactly... some kind of IT person... maybe a programmer or something like that."
And me: "that’s the answer!-)"
There is a scale in MMPI the so called Si (Social Introversion) measuring people orientation. I wouldn’t say that software developers are all introverts. I just found it more frequent but it is still my own doubtful experience and a very subjective opinion not based on any research data.
So, if we had a high T score on a (for instance: Si) scale but at the same time we saw higher sample statistics (mean, sd) we could consider it as normal based on that special or peculiar sample or criterion group.
( uncertainty rules everywhere. or where? - I'm not sure)
That would be the "Humble" datum above. Greyish and blueish areas are equal to each other. In a situation like this we will know that there is no any sample statistics in the background – for instance we don’t have research data on introverted software developers:-D
In this situation that very raw score can be compared only with the big, general population data...
or rather in the source code...
The four vertical and four horizontal charts are sharing on the same data ( actually they are just the same, only the horizontal/vertical position is changed ) but the single vertical chart on the margin has different data source... and all of them are using the same d3.chart.bulleT as a base...
It might be something that is explained by Mike Bostock in Towards Reusable Charts and by Irene Ros in Introducing d3.chart and Mike Pennisi Exploring Reusability with D3.js
Modified http://d3js.org/d3.v3.min.js to a secure url
https://d3js.org/d3.v3.min.js