- Putting data on the map
-
Working with SDP school list data
- Think of
schoolsas a table: a collection of records that all have the same fields (attributes), but with different values. - JavaScript is not like R or Pandas; can think of
schoolslike a table, but can't treat it like one.
- Think of
-
JS isn't built around tables.
-
Let's work with a real data set
- You've already contributed to a dataset (class dossier -- open the console and inspect the
peoplevariable) - We'll explore some information about schools in Philadelphia
- A couple sources: OpenDataPhilly, or the School District of Philadelphia
- Browsing data in the console
- Counting data
- Iterating over data (but why 🤔?)
- Transforming data (e.g., plucking attributes, reshaping)
- Aggregating data (e.g. counteach, ...)
- Filtering data
- Sorting data
- You've already contributed to a dataset (class dossier -- open the console and inspect the
-
- Introducing form elements
- Laying out a page
- The CSS box model, flex box, grid
- Manipulating styles in the developer tools
- Let's have a bit of fun with https://www.nytimes.com/interactive/2022/09/09/climate/growing-wildfire-risk-homes.html
- Responding to interaction
- On the map
- Through form elements
- Manipulating the DOM
- The what? (basically, the HTML document structure)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent