Data visualisation at @civio, a non-profit journalism organisation specialising in public data and access to information.
Published
Edited
Mar 6, 2022
2 forks
135 stars
wikipedia = ({
en: {
"woman-0": "https://en.wikipedia.org/wiki/Sonia_Delaunay",
"woman-1": "https://en.wikipedia.org/wiki/Gunta_St%C3%B6lzl",
"woman-2": "https://en.wikipedia.org/wiki/Helena_Kottler_Vurnik",
"woman-3": "https://en.wikipedia.org/wiki/Alma_Siedhoff-Buscher",
"woman-4": "https://en.wikipedia.org/wiki/Marianne_Brandt",
"woman-5": "x",
"woman-6": "https://en.wikipedia.org/wiki/Margarete_Sch%C3%BCtte-Lihotzky",
"woman-7": "https://en.wikipedia.org/wiki/Elisabeth_Scott",
"woman-8": "https://en.wikipedia.org/wiki/Eileen_Gray",
"woman-9": "x",
"woman-10": "https://en.wikipedia.org/wiki/Aino_Aalto",
"woman-11": "https://en.wikipedia.org/wiki/Maria_Cotescu",
"woman-12": "https://en.wikipedia.org/wiki/Martta_Martikainen-Ypy%C3%A4",
"woman-13": "https://en.wikipedia.org/wiki/Lilly_Reich",
"woman-14": "https://en.wikipedia.org/wiki/Mary_Medd",
"woman-15": "https://en.wikipedia.org/wiki/Susie_Cooper",
"woman-16": "https://en.wikipedia.org/wiki/Judith_Ledeboer",
"woman-17": "https://en.wikipedia.org/wiki/Liane_Zimbler",
"woman-18": "https://en.wikipedia.org/wiki/Greta_Magnusson-Grossman",
"woman-19": "x",
"woman-20": "x",
"woman-21": "https://en.wikipedia.org/wiki/Elsi_Borg",
"woman-22": "https://en.wikipedia.org/wiki/Anni_Albers",
"woman-23": "https://en.wikipedia.org/wiki/Elena_Luzzatto",
"woman-24": "https://en.wikipedia.org/wiki/Lux_Guyer",
"woman-25": "https://sl.wikipedia.org/wiki/Sonja_Lapajne-Oblak",
"woman-26": "https://en.wikipedia.org/wiki/Alexandra_Paschalidou-Moreti",
"woman-27": "https://it.wikipedia.org/wiki/Antonia_Campi",
"woman-28": "https://en.wikipedia.org/wiki/Franca_Helg",
"woman-29": "https://en.wikipedia.org/wiki/Jane_Drew",
"woman-30": "https://en.wikipedia.org/wiki/Tamara_Katsenelenbogen",
"woman-31": "https://en.wikipedia.org/wiki/Stefania_Filo_Speziale",
"woman-32": "https://en.wikipedia.org/wiki/Alison_and_Peter_Smithson",
"woman-33": "https://en.wikipedia.org/wiki/Lina_Bo_Bardi",
"woman-34": "https://de.wikipedia.org/wiki/Hans_und_Annemarie_Hubacher",
"woman-35": "https://en.wikipedia.org/wiki/Nanna_Ditzel",
"woman-36": "x",
"woman-37": "https://sl.wikipedia.org/wiki/Nives_Kalin_Vehovar",
"woman-38": "https://en.wikipedia.org/wiki/Ivanka_Raspopovi%C4%87",
"woman-39": "x",
"woman-40": "https://it.wikipedia.org/wiki/Nanda_Vigo",
"woman-41": "https://en.wikipedia.org/wiki/Cini_Boeri",
"woman-42": "https://en.wikipedia.org/wiki/Ljiljana_Baki%C4%87",
"woman-43":
"https://de.wikipedia.org/wiki/Ralf_Sch%C3%BCler_und_Ursulina_Sch%C3%BCler-Witte",
"woman-44": "x",
"woman-45": "https://en.wikipedia.org/wiki/Margaret_Staal-Kropholler",
"woman-46":
"https://en.wikipedia.org/wiki/Maria_Jos%C3%A9_Marques_da_Silva",
"woman-47": "x",
"woman-48": "https://pl.wikipedia.org/wiki/Teresa_Kruszewska",
"woman-49": "x",
"woman-50": "https://en.wikipedia.org/wiki/Anna_Castelli_Ferrieri",
"woman-51": "https://en.wikipedia.org/wiki/Sigrid_Kressmann-Zschach",
"woman-52": "https://en.wikipedia.org/wiki/Charlotte_Perriand",
"woman-53": "x",
"woman-54": "https://hr.wikipedia.org/wiki/Hildegard_Auf-Frani%C4%87",
"woman-55": "https://en.wikipedia.org/wiki/Simone_Guillissen",
"woman-56": "x",
"woman-57": "x",
"woman-58": "https://en.wikipedia.org/wiki/Nathalie_Du_Pasquier",
"woman-59": "https://en.wikipedia.org/wiki/Gae_Aulenti",
"woman-60": "https://de.wikipedia.org/wiki/Verena_Dietrich",
"woman-61": "https://en.wikipedia.org/wiki/Andr%C3%A9e_Putman",
"woman-62": "https://en.wikipedia.org/wiki/%C3%89dith_Girard",
"woman-63": "x",
"woman-64": "https://en.wikipedia.org/wiki/Zaha_Hadid",
"woman-65": "https://sv.wikipedia.org/wiki/Marianne_Dahlb%C3%A4ck",
"woman-66": "https://en.wikipedia.org/wiki/Margarete_Heymann",
"woman-67": "https://en.wikipedia.org/wiki/Maria_Teresa_Parpagliolo",
"woman-68": "https://en.wikipedia.org/wiki/Jadwiga_Grabowska-Hawrylak",
"woman-69": "https://en.wikipedia.org/wiki/Amanda_Levete",
"woman-70": "https://en.wikipedia.org/wiki/Fiona_Raby",
"woman-71": "x",
"woman-72": "x",
"woman-73": "https://en.wikipedia.org/wiki/Catherine_Furet",
"woman-74": "https://pl.wikipedia.org/wiki/Irena_Bajerska",
"woman-75": "https://en.wikipedia.org/wiki/Benedetta_Tagliabue",
"woman-76": "https://en.wikipedia.org/wiki/Odile_Decq",
"woman-77": "https://en.wikipedia.org/wiki/Patricia_Urquiola",
"woman-78":
"https://en.wikipedia.org/wiki/Mary_Reynolds_(landscape_designer)",
"woman-79": "https://sv.wikipedia.org/wiki/Gunilla_Svensson",
"woman-80": "x",
"woman-81": "https://en.wikipedia.org/wiki/Manuelle_Gautrand",
"woman-82": "x",
"woman-83": "https://en.wikipedia.org/wiki/Sheila_O%27Donnell",
"woman-84": "https://en.wikipedia.org/wiki/Christine_Conix",
"woman-85": "https://en.wikipedia.org/wiki/Eva_Ji%C5%99i%C4%8Dn%C3%A1",
"woman-86": "x",
"woman-87": "x",
"woman-88": "x",
"woman-89": "https://nl.wikipedia.org/wiki/Jeanne_Dekkers",
"woman-90": "https://en.wikipedia.org/wiki/Ilse_Crawford",
"woman-91": "https://en.wikipedia.org/wiki/Carme_Pin%C3%B3s",
"woman-92": "x",
"woman-93": "x",
"woman-94": "https://en.wikipedia.org/wiki/Victoria_Angelova",
"woman-95": "x",
"woman-96": "https://en.wikipedia.org/wiki/Hanne_Kj%C3%A6rholm",
"woman-97": "https://en.wikipedia.org/wiki/Francine_Houben",
"woman-98": "x",
"woman-99": "x"
},
es: {
"woman-0": "https://es.wikipedia.org/wiki/Sonia_Delaunay",
"woman-1": "https://es.wikipedia.org/wiki/Gunta_St%C3%B6lzl",
"woman-2": "x",
"woman-3": "https://es.wikipedia.org/wiki/Alma_Siedhoff-Buscher",
"woman-4": "https://es.wikipedia.org/wiki/Marianne_Brandt",
"woman-5": "x",
"woman-6": "https://es.wikipedia.org/wiki/Margarete_Sch%C3%BCtte-Lihotzky",
"woman-7": "https://es.wikipedia.org/wiki/Elisabeth_Whitworth_Scott",
"woman-8": "https://es.wikipedia.org/wiki/Eileen_Gray",
"woman-9": "x",
"woman-10": "https://es.wikipedia.org/wiki/Aino_Aalto",
"woman-11": "x",
"woman-12": "https://es.wikipedia.org/wiki/Martta_Martikainen-Ypy%C3%A4",
"woman-13": "https://es.wikipedia.org/wiki/Lilly_Reich",
"woman-14": "x",
"woman-15": "x",
"woman-16": "x",
"woman-17": "x",
"woman-18": "https://es.wikipedia.org/wiki/Greta_Magnusson-Grossman",
"woman-19": "https://es.wikipedia.org/wiki/Rita_Fern%C3%A1ndez_Queimadelos",
"woman-20": "x",
"woman-21": "https://es.wikipedia.org/wiki/Elsi_Naemi_Borg",
"woman-22": "https://es.wikipedia.org/wiki/Anni_Albers",
"woman-23": "https://es.wikipedia.org/wiki/Elena_Luzzatto",
"woman-24": "https://es.wikipedia.org/wiki/Lux_Guyer",
"woman-25": "x",
"woman-26": "x",
"woman-27": "x",
"woman-28": "https://es.wikipedia.org/wiki/Franca_Helg",
"woman-29": "https://es.wikipedia.org/wiki/Jane_Drew",
"woman-30":
"https://es.wikipedia.org/wiki/Tamara_Davydovna_Katsenelenbogen",
"woman-31": "x",
"woman-32": "https://es.wikipedia.org/wiki/Alison_y_Peter_Smithson",
"woman-33": "https://es.wikipedia.org/wiki/Lina_Bo_Bardi",
"woman-34": "x",
"woman-35": "x",
"woman-36": "x",
"woman-37": "x",
"woman-38": "x",
"woman-39": "x",
"woman-40": "x",
"woman-41": "https://es.wikipedia.org/wiki/Cini_Boeri",
"woman-42": "x",
"woman-43": "x",
"woman-44": "x",
"woman-45": "https://es.wikipedia.org/wiki/Margaret_Kropholler-Staal",
"woman-46":
"https://es.wikipedia.org/wiki/Maria_Jos%C3%A9_Marques_da_Silva",
"woman-47": "x",
"woman-48": "x",
"woman-49": "x",
"woman-50": "https://es.wikipedia.org/wiki/Anna_Castelli_Ferrieri",
"woman-51": "x",
"woman-52": "https://es.wikipedia.org/wiki/Charlotte_Perriand",
"woman-53": "x",
"woman-54": "x",
"woman-55": "x",
"woman-56": "x",
"woman-57": "x",
"woman-58": "x",
"woman-59": "https://es.wikipedia.org/wiki/Gae_Aulenti",
"woman-60": "x",
"woman-61": "https://es.wikipedia.org/wiki/Andr%C3%A9e_Putman",
"woman-62": "x",
"woman-63": "x",
"woman-64": "https://es.wikipedia.org/wiki/Zaha_Hadid",
"woman-65": "x",
"woman-66": "x",
"woman-67": "x",
"woman-68": "x",
"woman-69": "https://es.wikipedia.org/wiki/Amanda_Levete",
"woman-70": "x",
"woman-71": "x",
"woman-72": "x",
"woman-73": "x",
"woman-74": "x",
"woman-75": "https://es.wikipedia.org/wiki/Benedetta_Tagliabue",
"woman-76": "https://es.wikipedia.org/wiki/Odile_Decq",
"woman-77": "https://es.wikipedia.org/wiki/Patricia_Urquiola",
"woman-78": "x",
"woman-79": "x",
"woman-80": "https://es.wikipedia.org/wiki/Blanca_Lle%C3%B3_Fern%C3%A1ndez",
"woman-81": "https://es.wikipedia.org/wiki/Manuelle_Gautrand",
"woman-82": "https://es.wikipedia.org/wiki/In%C3%AAs_Lobo",
"woman-83": "https://es.wikipedia.org/wiki/Sheila_O%27Donnell",
"woman-84": "https://es.wikipedia.org/wiki/Christine_Conix",
"woman-85": "https://es.wikipedia.org/wiki/Eva_Ji%C5%99i%C4%8Dn%C3%A1",
"woman-86": "x",
"woman-87": "x",
"woman-88": "x",
"woman-89": "https://nl.wikipedia.org/wiki/Jeanne_Dekkers",
"woman-90": "x",
"woman-91": "https://es.wikipedia.org/wiki/Carme_Pin%C3%B3s",
"woman-92": "x",
"woman-93": "x",
"woman-94": "x",
"woman-95": "x",
"woman-96": "x",
"woman-97": "https://es.wikipedia.org/wiki/Francine_Houben",
"woman-98": "x",
"woman-99": "x"
}
})
data = table03
.map((d, i) => {
d.NAME = parseHtmlToText(d.NAME);
d.SURNAME = parseHtmlToText(d.SURNAME);
d.workPiece = extractWorkYear(d);
d.id = `woman-${i}`;
d.imgProfile = getImg(d.IMG_SRC_D);
d.wikipedia = wikipedia[languageSelector][`woman-${i}`];
return d;
})
//.sort((a, b) => d3.ascending(a.NAME, b.NAME)) // By name
//.sort((a, b) => b.YEAR_B - a.YEAR_B) // By bird
//.sort((a, b) => extractWorkYear(a) - extractWorkYear(b)) // By selected piece
.sort((b, a) => extractWorkYear(a) - extractWorkYear(b)) // By selected piece
One platform to build and deploy the best data apps
Experiment and prototype by building visualizations in live JavaScript notebooks. Collaborate with your team and decide which concepts to build out.
Use Observable Framework to build data apps locally. Use data loaders to build in any language or library, including Python, SQL, and R.
Seamlessly deploy to Observable. Test before you ship, use automatic deploy-on-commit, and ensure your projects are always up-to-date.