Refactored version with working filters
This commit is contained in:
parent
17d5584eb7
commit
2de48856ed
4 changed files with 582 additions and 548 deletions
26
README.md
26
README.md
|
@ -15,4 +15,30 @@ wget https://d3js.org/d3.v6.min.js
|
|||
|
||||
```
|
||||
python wiki_relations.py
|
||||
```
|
||||
|
||||
## Data
|
||||
|
||||
_Ask_ SMW with the following query:
|
||||
|
||||
```
|
||||
[[Category:Deployments||Institution]] OR [[Category:Technologies]] [[Developed by (institutions)::+]] OR [[Category:Technologies]] [[-Software Deployed::+]] OR [[Category:City]]
|
||||
```
|
||||
|
||||
```
|
||||
?Category
|
||||
?Geolocation
|
||||
?City
|
||||
?City.Has Coordinates=City Coordinates
|
||||
?City.Is in Country=City Country
|
||||
?City.Is in Country.Has Coordinates=Country Coordinates
|
||||
?Clients
|
||||
?Managed by
|
||||
?Used by
|
||||
?Funded by
|
||||
?Provided by
|
||||
?Software Deployed
|
||||
?Software Deployed.Developped by (institutions)=Software Developer
|
||||
?Datasets Used
|
||||
?Datasets Used.Developed by Institution=Dataset Developer
|
||||
```
|
|
@ -19,7 +19,8 @@
|
|||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
background: linear-gradient(to top, #040308, #AD4A28, #DD723C, #fc7001, #dcb697, #9ba5ae, #3e5879, #020b1a);
|
||||
/* background: linear-gradient(to top, #040308, #AD4A28, #DD723C, #fc7001, #dcb697, #9ba5ae, #3e5879, #020b1a); */
|
||||
background:linear-gradient(to top, #414141, #99a6b8);
|
||||
font-family: sans-serif;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
@ -33,9 +34,10 @@ svg.dragging {
|
|||
cursor: grabbing;
|
||||
}
|
||||
|
||||
svg .links line{
|
||||
stroke: darkgray;
|
||||
stroke-width: 1;
|
||||
svg .links line,svg .links path{
|
||||
stroke: #f3722c;
|
||||
stroke-width: 3;
|
||||
fill:none;
|
||||
}
|
||||
|
||||
.links text{
|
||||
|
@ -47,6 +49,7 @@ svg .links line{
|
|||
|
||||
.node text{
|
||||
text-anchor: middle;
|
||||
font-size:3pt;
|
||||
}
|
||||
|
||||
.node circle{
|
||||
|
@ -150,10 +153,10 @@ a:hover{
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#filters{
|
||||
#filters,#menu{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background: white;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
|
|
1066
www/graph.js
1066
www/graph.js
File diff suppressed because it is too large
Load diff
|
@ -1,35 +1,28 @@
|
|||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="graph.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
<svg id='graph'>
|
||||
<defs>
|
||||
<marker markerHeight="4" markerWidth="4" refY="0" refX="6" viewBox="0 -3 8 6" preserveAspectRatio="none" orient="auto" id="arrowHead" fill="lightgray"><path d="M0,-3L8,0L0,3"></path></marker>
|
||||
<marker markerHeight="4" markerWidth="4" refY="0" refX="6" viewBox="0 -3 8 6" preserveAspectRatio="none" orient="auto" id="arrowHeadSelected"><path d="M0,-3L8,0L0,3" fill="white"></path></marker>
|
||||
</defs>
|
||||
|
||||
</svg>
|
||||
|
||||
<!-- <div id="nodeInfo" class='hidden'>
|
||||
<h2 class='nodeTitle'><a class='nodeHref' target="_blank"></a></h2>
|
||||
<div id='closeInfo'>×</div>
|
||||
<iframe class='nodeContents'></iframe>
|
||||
</div> -->
|
||||
<div id='map'></div>
|
||||
|
||||
<div id="filters">
|
||||
|
||||
</div>
|
||||
|
||||
<script src="https://d3js.org/d3.v6.js"></script>
|
||||
<script src="crossfilter.js"></script>
|
||||
<script src="dc.js"></script>
|
||||
<script src="https://d3js.org/d3-geo-projection.v3.min.js"></script>
|
||||
<script src="https://d3js.org/topojson.v3.min.js"></script>
|
||||
<script src="//unpkg.com/d3-geo-zoom"></script>
|
||||
<script src="graph.js"></script>
|
||||
<script src="cola.min.js"></script>
|
||||
<script src="mapChart2.js"></script>
|
||||
<script src="graph2.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
Loading…
Reference in a new issue