⚡ Data scientist, I enjoy telling stories with data. I'm currently learning D3.js and working on hobby projects, Mapbox visualizations, and fiddling with Juniper network data.
data = [
{
radius: 0.5,
name: "Environment",
description: "What do you have to deal with?",
answer: `a`
},
{
radius: 0.3,
border: "black",
name: "Behavior",
description: "What do you do?",
answer: `b`
},
{
radius: 0.25,
name: "Competencies",
description: "What can you do?",
answer: `c`
},
{
radius: 0.2,
name: "Beliefs",
description: "What do you believe in?",
answer: `d`
},
{
radius: 0.15,
name: "Identity",
description: "Who are you (as a professional)? How do you see your role?",
answer: `e`
},
{
radius: 0.1,
name: "Mission",
description: "What is your ideal, your mission?",
answer: `f`
},
{
radius: 0.05,
color: "white",
name: "Core qualities",
description: "What are your core qualities?",
answer: `g`
}
]
BrowserText = (function () {
var canvas = document.createElement("canvas"),
context = canvas.getContext("2d");
/**
* Measures the rendered width of arbitrary text given the font size and font face
* @param {string} text The text to measure
* @param {number} fontSize The font size in pixels
* @param {string} fontFace The font face ("Arial", "Helvetica", etc.)
* @returns {number} The width of the text
**/
function getWidth(text, fontSize, fontFace) {
context.font = fontSize + "px " + fontFace;
return context.measureText(text).width;
}
return {
getWidth: getWidth
};
})()
margin = ({ top: 10, right: 10, bottom: 10, left: 10 })
height = 600
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
