Independent Data Analytics Consultant, passionate about data visualization and storytelling · she/her 🏳️🌈
Public
Edited
Jun 25, 2024
olympians
<table id="example" style='width:100%'>
<thead>
<tr>
<th>Name</th>
<th>Nationality</th>
<th>Sex</th>
<th>Sport</th>
<th>Height</th>
<th>Weight</th>
</tr>
</thead>
</table>
new DataTable('#example',{
data: olympians,
columns: [
{ data: 'name' },
{ data: 'nationality' },
{ data: 'sex' },
{ data: 'sport' },
{ data: 'height' },
{ data: 'weight' }
]
} );
data = [
{
"name": "Tiger Nixon",
"position": "System Architect",
"salary": "$3,120",
"start_date": "2011/04/25",
"office": "Edinburgh",
"extn": "5421"
},
{
"name": "Garrett Winters",
"position": "Director",
"salary": "$5,300",
"start_date": "2011/07/25",
"office": "Edinburgh",
"extn": "8422"
}
]
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.
