Skip to content

Commit 42420fe

Browse files
arpitnarechaniaarpitnarechania
committed
styling (and some layout) edits
1 parent f689d07 commit 42420fe

1 file changed

Lines changed: 39 additions & 36 deletions

File tree

‎index.html‎

Lines changed: 39 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -116,6 +116,9 @@ <h1 class="logo">
116116
<div class="container">
117117
<div class="row">
118118
<div class="col-md-5">
119+
<!-- <div class="text-center mb-3">
120+
<img src="assets/images/cagis-logo.png" width="100px"/>
121+
</div> -->
119122
<h2>Exploropleth Software</h2>
120123
<div class="mt-3">
121124
<div class="img-teaser-parent">
@@ -125,15 +128,15 @@ <h2>Exploropleth Software</h2>
125128
<div class="mt-3">
126129
<div>
127130
<a class="btn btn-orange btn-cta m-xs" href="https://exploropleth.github.io/exploropleth" target="_blank"><i class="fas fa-rocket"></i> Launch Tool</a>
128-
<a class="btn btn-dark btn-cta m-xs" href="assets/docs/Teaching_Exercise_Exploropleth.pdf" target="_blank"><i class="fas fa-graduation-cap"></i> Teaching Exercise</a>
131+
<a class="btn btn-info btn-cta m-xs" href="assets/docs/Teaching_Exercise_Exploropleth.pdf" target="_blank"><i class="fas fa-graduation-cap"></i> Download Teaching Exercise</a>
129132
</div>
130133
</div>
131134
<div class="mt-3 mb-3">
132-
<a class="btn btn-info btn-cta btn-cta-sm m-xs text-white" href="https://doi.org/10.1080/15230406.2025.2543483" target="_blank"><i class="fas fa-file-pdf"></i> Paper (CaGIS'25)</a>
133-
<a class="btn btn-info btn-cta btn-cta-sm m-xs text-white" href="https://narechania.com/docs/publications/exploropleth_cagis_2025.pdf" target="_blank"><i class="fas fa-file-pdf"></i> Preprint</a>
134-
<a class="btn btn-info btn-cta btn-cta-sm m-xs" href="https://narechania.com/docs/posters/exploropleth_cridc_2023.pdf" target="_blank"><i class="fas fa-image"></i> Poster (CRIDC'23)</a>
135-
<a class="btn btn-info btn-cta btn-cta-sm m-xs" href="https://www.youtube.com/watch?v=lNV8VL0owqU" target="_blank"><i class="fas fa-video"></i> Video</a>
136-
<a class="btn btn-info btn-cta btn-cta-sm m-xs" href="https://github.com/exploropleth/exploropleth" target="_blank"><i class="fab fa-github"></i> Code</a>
135+
<a class="btn btn-outline-dark btn-cta btn-cta-sm m-xs" href="https://doi.org/10.1080/15230406.2025.2543483" target="_blank"><i class="fas fa-file-pdf"></i> Paper (CaGIS'25)</a>
136+
<a class="btn btn-outline-dark btn-cta btn-cta-sm m-xs" href="https://narechania.com/docs/publications/exploropleth_cagis_2025.pdf" target="_blank"><i class="fas fa-file-pdf"></i> Preprint</a>
137+
<a class="btn btn-outline-dark btn-cta btn-cta-sm m-xs" href="https://narechania.com/docs/posters/exploropleth_cridc_2023.pdf" target="_blank"><i class="fas fa-image"></i> Poster (CRIDC'23)</a>
138+
<a class="btn btn-outline-dark btn-cta btn-cta-sm m-xs" href="https://www.youtube.com/watch?v=lNV8VL0owqU" target="_blank"><i class="fas fa-video"></i> Video</a>
139+
<a class="btn btn-outline-dark btn-cta btn-cta-sm m-xs" href="https://github.com/exploropleth/exploropleth" target="_blank"><i class="fab fa-github"></i> Code</a>
137140
</div>
138141
</div>
139142
<div class="col-md-7">
@@ -144,7 +147,7 @@ <h2>Exploropleth Software</h2>
144147
<strong>To help guide a wide variety of users, we present an open source, web-based, geospatial visualization tool, Exploropleth,</strong> that lets users interact with a catalog of established data binning methods, and subsequently compare, customize, and export custom maps. This tool advances the state of the art by providing multiple binning methods in one view and supporting administrative unit reclassification on-the-fly.
145148
</p>
146149
<p class="text-justify">
147-
<strong>We interviewed 16 cartographers and geographic information systems (GIS) experts from 13 government organizations, NGOs, and federal agencies</strong> who identified opportunities to integrate Exploropleth into their existing mapmaking workflow, and found that the tool has potential to educate students as well as mapmakers with varying levels of experience. Exploropleth is open-source and publicly available.
150+
<strong>We interviewed 16 cartographers and geographic information systems (GIS) experts from 13 government organizations, NGOs, and federal agencies</strong> who identified opportunities to integrate Exploropleth into their existing mapmaking workflow, and found that the tool has potential to educate students as well as mapmakers with varying levels of experience.
148151
</p>
149152
</div>
150153
</div>
@@ -153,15 +156,15 @@ <h2>Exploropleth Software</h2>
153156
<div class="container mt-3">
154157
<div class="row">
155158
<div class="col-md-12">
156-
<h2 class="mt-3">Research Paper</h2>
157-
<p class="text-muted">Cartography and Geographic Information Science</p>
159+
<h2 class="mt-3">Exploropleth Research Paper</h2>
160+
<p class="text-muted">Cartography and Geographic Information Science 2025</p>
158161
</div>
159162
</div>
160163
<div class="row mt-3">
161164
<div class="col-md-12 mb-3">
162165
<div>
163-
<p class="text-justify">
164-
If you're interested in learning more about the tool, please check out the Exploropleth paper published in <i>Cartography and Geographic Information Science</i>: <a href="https://doi.org/10.1080/15230406.2025.2543483" target="_blank"></a> (a preprint is attached below). The paper provides detailed information on the design, implementation, and use cases of the tool.
166+
<p class="text-left">
167+
If you're interested in learning more about the tool, please check out the Exploropleth research paper: <a href="https://doi.org/10.1080/15230406.2025.2543483" target="_blank">https://doi.org/10.1080/15230406.2025.2543483</a> published in <i>Cartography and Geographic Information Science</i> (a preprint is attached below). The paper provides detailed information on the design, implementation, and use cases of the tool.
165168
</p>
166169
<iframe
167170
src="https://narechania.com/docs/publications/exploropleth_cagis_2025.pdf"
@@ -176,15 +179,15 @@ <h2 class="mt-3">Research Paper</h2>
176179
<p><strong>Citation</strong></p>
177180
<pre style="background: #efefef">
178181

179-
@article{narechania2025exploropleth,
180-
author = {Arpit Narechania and Alex Endert and Clio Andris},
181-
title = {Exploropleth: exploratory analysis of data binning methods in choropleth maps},
182-
journal = {Cartography and Geographic Information Science},
183-
pages = {1--16},
184-
year = {2025},
185-
publisher = {Taylor \& Francis},
186-
doi = {10.1080/15230406.2025.2543483}
187-
}
182+
@article{narechania2025exploropleth,
183+
author = {Arpit Narechania and Alex Endert and Clio Andris},
184+
title = {Exploropleth: exploratory analysis of data binning methods in choropleth maps},
185+
journal = {Cartography and Geographic Information Science},
186+
pages = {1--16},
187+
year = {2025},
188+
publisher = {Taylor \& Francis},
189+
doi = {10.1080/15230406.2025.2543483}
190+
}
188191
</pre>
189192
</div>
190193
</div>
@@ -194,7 +197,7 @@ <h2 class="mt-3">Research Paper</h2>
194197
<div class="container mt-3">
195198
<div class="row">
196199
<div class="col-md-12">
197-
<h2 class="mt-3">Instructors: Exercises and Guided Questions</h2>
200+
<h2 class="mt-3">Exercises and Guided Questions for Instructors</h2>
198201
<p class="text-muted">Estimated time: 1 hour</p>
199202
</div>
200203
</div>
@@ -250,17 +253,17 @@ <h6 class="text-secondary text-bold">Arpit Narechania, Alex Endert, Clio Andris<
250253
src="https://www.youtube.com/embed/pkK0216P68o?rel=0&amp;showinfo=0&start=255&end=282&autoplay=1" frameborder="0"
251254
allowfullscreen></iframe>
252255
</div>
253-
<br />
254-
<div>
255-
<a class="btn btn-info btn-cta-sm m-xs" href="https://narechania.com/docs/publications/resiliency_giscience_2023.pdf"
256+
<!-- <br /> -->
257+
<div class="mt-3 mb-3">
258+
<a class="btn btn-outline-dark btn-cta-sm m-xs" href="https://narechania.com/docs/publications/resiliency_giscience_2023.pdf"
256259
target="_blank"><i class="fas fa-file-pdf"></i> Paper</a>
257260
&nbsp;
258-
<a class="btn btn-dark btn-cta-sm m-xs" href="https://github.com/arpitnarechania/binguru/blob/ac5c1a14969e6f8af9236d0dd3d290c17607f7b9/src/index.ts#L890"
261+
<a class="btn btn-outline-dark btn-cta-sm m-xs" href="https://github.com/arpitnarechania/binguru/blob/ac5c1a14969e6f8af9236d0dd3d290c17607f7b9/src/index.ts#L890"
259262
target="_blank"><i class="fas fa-key"></i> Code</a>
260263
&nbsp;
261-
<a class="btn btn-orange btn-cta-sm m-xs" href="https://exploropleth.github.io/resiliency-app" target="_blank"><i class="fas fa-rocket"></i> Tool</a>
264+
<a class="btn btn-outline-dark btn-cta-sm m-xs" href="https://exploropleth.github.io/resiliency-app" target="_blank"><i class="fas fa-rocket"></i> Tool</a>
262265
</div>
263-
</br>
266+
<!-- </br> -->
264267
<p class="text-justify">
265268
<small>Data binning, or data classification, involves grouping quantitative data points into bins (or classes) to represent spatial patterns and show variation in choropleth maps. There are many methods for binning data (e.g., natural breaks, quantile) that may make the same data appear very different on a map. Some of these methods may be more or less appropriate for certain types of data distributions and map purposes. Thus, when designing a map, novice users may be overwhelmed by the number of choices for binning methods and experts may find comparing results from different binning methods challenging. We present resiliency, a new data binning method that assigns areal units to their most agreed-upon, consensus bin as it persists across multiple chosen binning methods. We show how this "smart average" can effectively communicate spatial patterns that are agreed-upon across binning methods. We also measure the variety of bins a single areal unit can be placed in under different binning methods showing fuzziness and uncertainty on a map.</small>
266269
</p>
@@ -292,19 +295,19 @@ <h6 class="text-secondary text-bold">Arpit Narechania, Alex Endert, Clio Andris<
292295
<div class="img-teaser-parent">
293296
<img class="img-teaser img-center" src="assets/images/binguru.png"/>
294297
</div>
295-
<br />
296-
<div>
297-
<a class="btn btn-dark btn-cta-sm m-xs" href="https://github.com/arpitnarechania/binguru"
298+
<!-- <br /> -->
299+
<div class="mt-3 mb-3">
300+
<a class="btn btn-outline-dark btn-cta-sm m-xs" href="https://github.com/arpitnarechania/binguru"
298301
target="_blank"><i class="fas fa-key"></i> Code</a>
299302
&nbsp;
300303
<a class="btn btn-orange btn-cta-sm m-xs"
301304
href="https://observablehq.com/@arpitnarechania/binguru-demo" target="_blank"><i
302305
class="fas fa-rocket"></i> Demo</a>
303306
&nbsp;
304-
<a class="btn btn-success btn-cta-sm m-xs" href="https://www.npmjs.com/package/binguru" target="_blank"><i
307+
<a class="btn btn-outline-dark btn-cta-sm m-xs" href="https://www.npmjs.com/package/binguru" target="_blank"><i
305308
class="fas fa-rocket"></i> pip i binguru</a>
306309
</div>
307-
</br>
310+
<!-- </br> -->
308311
<p class="text-justify"><small>BinGuru is a JavaScript package with an API to several established data binning methods (including Resiliency) that are often used for visualizing data on choropleth maps. Currently supported methods include:</small>
309312
</p>
310313
<div class="text-left">
@@ -359,13 +362,13 @@ <h6 class="text-secondary text-bold">Arpit Narechania, Alex Endert, Clio Andris<
359362
src="https://www.youtube.com/embed/pkK0216P68o?rel=0&amp;showinfo=0&start=295&end=378&autoplay=1" frameborder="0"
360363
allowfullscreen></iframe>
361364
</div>
362-
<br />
363-
<div>
364-
<a class="btn btn-info btn-cta-sm m-xs" href="https://narechania.com/docs/publications/cartographers-in-cubicles_cscw_2025.pdf"
365+
<!-- <br /> -->
366+
<div class="mt-3 mb-3">
367+
<a class="btn btn-outline-dark btn-cta-sm m-xs" href="https://narechania.com/docs/publications/cartographers-in-cubicles_cscw_2025.pdf"
365368
target="_blank"><i class="fas fa-file-pdf"></i> Paper</a>
366369

367370
</div>
368-
</br>
371+
<!-- </br> -->
369372
<p class="text-justify">
370373
<small>Choropleth maps are a common and effective way to visualize geographic thematic data. Although cartographers have established many principles about map design, data binning and color usage, less is known about how mapmakers make individual decisions in practice. We interview 16 cartographers and geographic information systems (GIS) experts from 13 government organizations, NGOs, and federal agencies about their choropleth mapmaking decisions and workflows. We categorize our findings and report on how mapmakers follow cartographic guidelines and personal rules of thumb, collaborate with other stakeholders within and outside their organization, and how organizational structures and norms are tied to decision-making during data preparation, data analysis, data binning, map styling, and map post-processing. We find several points of variation as well as regularity across mapmakers and organizations and present takeaways to inform cartographic education and practice, including broader implications and opportunities for CSCW, HCI, and information visualization researchers and practitioners.</small>
371374
</p>

0 commit comments

Comments
 (0)