Learn JS DataGetting Started (Learn JS Data)Reading in Data (Learn JS Data)Combining Data (Learn JS Data)Summarizing Data (Learn JS Data)Iterating Over and Reducing Data (Learn JS Data)Grouping Data (Learn JS Data)Regular Expressions (Learn JS Data)Working with Time (Learn JS Data)Checking Data Assumptions (Learn JS Data)
Working with Strings (Learn JS Data)
aChar = "Hello There!"[6]
aSlice = "Hello There!".slice(6,11)
{
let orderNum = 8;
return `You are number ${orderNum + 1} in line.`;
}
d3.csv(
"https://cdn.rawgit.com/vlandham/js_data/master/data/cities_spaced.csv",
d => {
let cleanD = {};
for (let k of Object.keys(d)) {
cleanD[k.trim()] = d[k].trim();
}
return cleanD;
}
)
"A man, a plan, a canal".indexOf("man") !== -1
"A man, a plan, a canal".indexOf("panama") !== -1
"A man, a plan, a canal".replace("canal", "")
md`However, this will only replace the first occurence of the string. If you want to replace them all you need to use regular expressions`
"A man, a plan, a canal".replace(
/ a /g, // The /g specifies that we want to replace all instances
" the "
)
html_snippet = "<div class=\"person\">" +
"<span class=\"name\">" + person.name + "</span>" +
"<span class=\"occupation\">" + person.occupation + "</span>" +
"</div>"
`<div class="person">
<span class="name">${person.name}</span>
<span class="occupation">${person.occupation}</span>
</div>`
templateFunction = person =>
`<div class="person">
<span class="name">${person.name}</span>
<span class="occupation">${person.occupation}</span>
</div>`
templateFunction({ name : "James. James Bond", occupation: "Spy" })
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.
