Multi-format markup

The same entity is expressed as cards, a table, a definition list, and data attributes.

Medium Static

Challenge

Scrape all four formats and verify they describe the same six companies.

Format A · Cards

SaaS

Nimbus Metrics

HQ: Austin, TX

Fintech

Ledgerly

HQ: London, UK

Climate

GreenGrid Labs

HQ: Berlin, DE

Health

VitalPath

HQ: Boston, MA

Logistics

Routewise

HQ: Singapore

EdTech

LessonLoop

HQ: Toronto, CA

Format B · Table

ID Name Industry HQ Founded Employees
c-1Nimbus MetricsSaaSAustin, TX2014120
c-2LedgerlyFintechLondon, UK2009540
c-3GreenGrid LabsClimateBerlin, DE201885
c-4VitalPathHealthBoston, MA2016210
c-5RoutewiseLogisticsSingapore2011980
c-6LessonLoopEdTechToronto, CA202064

Format C · Definition lists

Nimbus Metrics

Industry
SaaS
HQ
Austin, TX
Founded
2014
Employees
120

Ledgerly

Industry
Fintech
HQ
London, UK
Founded
2009
Employees
540

GreenGrid Labs

Industry
Climate
HQ
Berlin, DE
Founded
2018
Employees
85

VitalPath

Industry
Health
HQ
Boston, MA
Founded
2016
Employees
210

Routewise

Industry
Logistics
HQ
Singapore
Founded
2011
Employees
980

LessonLoop

Industry
EdTech
HQ
Toronto, CA
Founded
2020
Employees
64

Format D · JSON in data attribute

Tip: Read the data-companies attribute on #format-json-attr and parse it as JSON.