summaryrefslogtreecommitdiff
path: root/assets/css/app.css
diff options
context:
space:
mode:
authorChristian Cleberg <[email protected]>2026-04-17 19:41:31 -0500
committerChristian Cleberg <[email protected]>2026-04-17 19:41:31 -0500
commit623ae07ebacb9d596b225179727dc87641ad1cca (patch)
treef1045282b3369bf3f4b0249cd649b47a5d010dad /assets/css/app.css
parentfd412c5197286518ff9491a1b51e6319c9a22904 (diff)
downloadworld-incarceration-623ae07ebacb9d596b225179727dc87641ad1cca.tar.gz
world-incarceration-623ae07ebacb9d596b225179727dc87641ad1cca.tar.bz2
world-incarceration-623ae07ebacb9d596b225179727dc87641ad1cca.zip
phase 2-6: complete D3/TopoJSON migration
Replace ZingChart + jQuery with D3 v7 + TopoJSON. Implements all planned phases: choropleth map (NaturalEarth1 projection, YlOrRd gradient), hover tooltip, zoom/pan/reset, country detail modal, side-by-side compare, metric selector, label toggle, donut pie chart with per-country drilldown bar chart. Upgrades Bootstrap JS bundle from v4.5.3 (jQuery-dependent) to v5.0.0, fixes modal API calls to use getInstance/constructor pattern compatible with BS 5.0.0+. Removes jquery, zingchart ×3 library files.
Diffstat (limited to 'assets/css/app.css')
-rw-r--r--assets/css/app.css22
1 files changed, 22 insertions, 0 deletions
diff --git a/assets/css/app.css b/assets/css/app.css
index 95310fb..af5e95c 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -120,4 +120,26 @@ th {
pointer-events: none;
font-size: 13px;
opacity: 0;
+ transition: opacity 0.1s;
+ z-index: 9999;
+}
+
+/* chart containers inside graph modal */
+#myChart2,
+#myNextChart {
+ min-height: 300px;
+ background: #000;
+}
+
+/* active metric button highlight */
+.active-metric {
+ outline: 2px solid #fff;
+}
+
+/* D3 axis lines */
+#myChart2 .domain,
+#myNextChart .domain,
+#myChart2 .tick line,
+#myNextChart .tick line {
+ stroke: #555;
}