portfolio/roadmaps.html at main · alisoncase/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="keywords" content="maps, cartography"/>
  <title>Alison Case</title>

  <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <!-- Create the navbar -->
    <ul class="nav justify-content-center">
        <li class="nav-item">
          <a class="nav-link" href="index.html">Projects</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="info.html">Info</a>
        </li>
      </ul>
    <ul class="nav justify-content-end">
        <li class="rounded float-end">
            <a href="https://github.com/alisoncase">
                <img src="assets/github-mark.png" alt="Github Link"></a>
        </li>
        <li class="rounded float-end">
            <a href="https://www.linkedin.com/in/alison-case/">
                <img src="assets/LinkedIn-mark.png"  alt="LinkedIn Link"></a>
        </li>
      </ul>

    <!-- Create the project container -->
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-10">
                <h2 class="text-center">Country Roadmaps Interactive Map</h2>
                <p class="text-center"><em>April 2025</p></em>
                <p class="portfolio-description">
                  This app leverages modern web technologies, including JavaScript, HTML5, CSS, and libraries like Leaflet and D3, to transform the static U.S. Agency for International Development (USAID) Country Roadmap dataset for Fiscal Year 2025 into an interactive web map. The app features coordinated graphs and dynamic data visualization, allowing users to explore and analyze data across low- and middle-income countries. Designed to provide an engaging and user-friendly experience for users in international affairs and public policy domains, the app facilitates targeted comparative analysis, offers deeper insights into sustainable development progress, and supports informed decision-making and stakeholder engagement. I developed the app as my final project for my Master's in Cartography and GIS at the University of Wisconsin-Madison.
                </p>
                <p class="text-center">
                <a href="https://alisoncase.github.io/roadmaps/">Click here to view the project</a>
                </p>
            </div>
        </div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12 portfolio-image">
                <a href="https://alisoncase.github.io/roadmaps/"><img src="assets/Roadmaps.png" alt="global map app with coordinated scatterplot and dot plot graphs" class="center-block img-responsive"/></a>
            </div>
        </div>
    </div>
    <footer class="footer mt-auto py-3 bg-white">
        <div class="container">
          <div class="row">
            <div class="col-md-6">
              <p class="text-muted">© 2025 by Alison Case.<br>The content on this website is my personal portfolio and does not reflect the views of my employer.</br></p>
            </div>
            <div class="col-md-6 text-end">
              <a href="#">Go to Top</a>
            </div>
          </div>
        </div>
      </footer>
  </div>

    <!--put your external script links here-->
    <script type="text/javascript" src="../lib/jquery-3.5.1.min.js"></script>
    <script type="text/javascript" src="../lib/bootstrap.min.js"></script>
</body></html>