map = ixmaps.embed(
"map",
{
mapCdn: "https://gjrichter.github.io/ixmaps",
mapService: "leaflet",
mapType: "white",
map: "../../maps/svg/maps/generic/equalearth.svg",
width: "1024px",
height: "720px",
scrollsafesilent: "true",
legend: "true",
align: "center",
mode: "info"
},
(map) =>
map
.view([8.792253570362446, 12.304687500000002], 1)
.attribution(attribution)
.require("../../ui/js/tools/tooltip_basic.js")
.options({
scrollSafeSilent: "true",
objectscaling: "dynamic",
normalsizescale: "10000000",
flushChartDraw: "5000",
panhidden: "false"
})
.layer(
ixmaps.layer("World_countries", (layer) =>
layer
.data({
url: "https://raw.githubusercontent.com/gjrichter/geo/main/world/ne_10m_admin_0_countries_s.json",
type: "topojson"
})
.binding({
id: "ISO_A3_EH",
position: "geometry"
})
.type("FEATURES|NOLEGEND")
.style({
colorscheme: ["rgba(0,0,0,0.25)"],
linecolor: "white",
linewidth: "0.3",
showdata: "true"
})
)
)
.layer(
ixmaps.layer("World_countries", (layer) =>
layer
.data({
name: "themeDataObj",
url: "https://s3.eu-west-1.amazonaws.com/data.ixmaps.com/World/Dashboard_of_the_present_future.csv",
type: "csv",
cache: "true"
})
.binding({
geo: "ISO Country code",
value: "% of seats held by women in national parliaments 2021",
title: "Country"
})
.style({
type: "CHOROPLETH|ZEROISVALUE|QUANTILE|DOPACITY|SUM|VALUES|DTEXT",
xcolorscheme: [
"#E5D2A1",
"#DBA198",
"#D08A94",
"#C37491",
"#B2608F",
"#863D8C",
"#6E016B"
],
colorscheme: ["7", "#ffeeee", "#dd0000", "dynamic", "cold"],
opacity: "1",
units: "%",
linecolor: "black",
textcolor: "white",
title: "% of seats held by women in national parliaments 2021"
})
)
)
)
attribution = ""
ixmaps = require('https://gjrichter.github.io/ixmaps/ui/js/htmlgui_api.js')
Data = require("https://gjrichter.github.io/data.min.js/data.js")
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.
