Skip to content

Commit

Permalink
Deploying 💕
Browse files Browse the repository at this point in the history
  • Loading branch information
Unknown committed Aug 14, 2024
0 parents commit 5dd209d
Show file tree
Hide file tree
Showing 5,755 changed files with 1,381,610 additions and 0 deletions.
The diff you're trying to view is too large. We only load the first 3000 changed files.
Empty file added .nojekyll
Empty file.
1 change: 1 addition & 0 deletions CNAME
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
fedora.portingdb.xyz
253 changes: 253 additions & 0 deletions graph/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,253 @@
















































<html xmlns:xlink="http://www.w3.org/1999/xlink">
<head>
<title>Graph – Python 2 Dropping Database</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" type="image/svg+xml" href="
/piechart.svg?389cd73f-e1b8-4111-b2ce-18161770f5a5
">

<link rel="stylesheet" href="/static/bootstrap.min.css">
<link rel="stylesheet" href="/static/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="/static/style.css">
<style>





.node {
stroke: #fff;
stroke-width: 1.5px;
}

.link {
stroke: #000;
stroke-opacity: 0.1;
}

.marker {
fill: #000;
fill-opacity: 0.1;
}

.d3-tip {
line-height: 1;
padding: 3px;
background: rgba(0, 0, 0, 0.8);
color: #fff;
border-radius: 2px;
font-family: sans-serif;
}

</style>
</head>
<body>

<nav>
<div class="container">
<ol class="breadcrumb">


<li>
<a href="/">Python 2 Dropping Database</a>
</li>



<li class="active">Graph</li>


</ol>
</div>
</nav>


<div class="container">
<div class="col-12">
<h1>A Graph</h1>
<p>
Here is a graph showing dependency relationships for
packages in Fedora Rawhide that need Python 2 in some way.
Brighter colors roughly mean the package can be removed sooner.
Hover over a package to see its name; click it to open its portingdb summary.
</p>
<p>
The graph shows both run-time and build-time dependencies.
</p>
<p>
Large graphs are quite CPU-hungry. Sorry for that!
</p>
</div>
</div>
<center>
<div id="graph-goes-here"></div>
</center>

<script src="/static/d3.v3.min.js"></script>
<script src="/static/d3.tip.v0.6.3.js"></script>
<script>

var width = 1200,
height = 900;

var force = d3.layout.force()
.size([width, height]);

var svg = d3.select("#graph-goes-here").append("svg")
.attr("width", width)
.attr("height", height);

d3.json(

"/graph/portingdb.json"

, function(error, graph) {
if (error) throw error;

function distance(tier) {
return height/(tier+2)/2;
}

var centernode = {x: width/2, y: height/2, fixed: true};
graph.nodes.forEach(function(n, i) {
graph.links.push({'source': centernode, 'target': n});
n.x = width/2 + Math.cos(i) * distance(n.tier)*2;
n.y = height/2 + Math.sin(i) * distance(n.tier)*2;
});
graph.nodes.push(centernode);

force
.charge(-600 / Math.pow(graph.nodes.length, 0.3))
.linkStrength(function(l) {
return (l.source == centernode) ? 1 :
1/(Math.abs(l.source.tier - l.target.tier)+5);
})
.linkDistance(function(l) {
return (l.source == centernode) ?
distance(l.target.tier) :
Math.max(Math.abs(distance(l.source.tier) - distance(l.target.tier)), 15);
})
.gravity(0.1)
.nodes(graph.nodes)
.links(graph.links);

svg.append("svg:defs").selectAll("marker")
.data(["end"]) // Different link/path types can be defined here
.enter().append("svg:marker") // This section adds in the arrows
.attr("id", String)
.attr("viewBox", "0 -5 10 10")
.attr("refX", 15)
.attr("refY", -1.5)
.attr("markerWidth", 6)
.attr("markerHeight", 6)
.attr("orient", "auto")
.attr("class", "marker")
.append("svg:path")
.attr("d", "M0,-5L10,0L0,5");

var link = svg.selectAll(".link")
.data(graph.links.filter(function(l){return l.source != centernode}))
.enter().append("line")
.attr("class", "link")
.attr("marker-end", "url(#end)")
.attr("stroke-opacity", function(l) { return l.source == centernode ? 0 : 1 })
.style("stroke-width", 1);

var tip = d3.tip()
.attr('class', 'd3-tip')
.offset([-10, 0])
.html(function(d) {
return `<i class="pkgstatus-icon" style="background-color:${d.status_color}">&nbsp;</i> ${d.name}`;
})

var node = svg.selectAll(".node")
.data(graph.nodes.filter(function(l){return l != centernode}))
.enter().append("svg:a")
.attr("xlink:href", function(d) { return `/pkg/${d.name}/`; })
.append("circle")
.attr("class", "node")
.attr("r", 5 )
.style("fill", function(d) { return d.color; })
.on('mouseover', tip.show)
.on('mouseout', tip.hide)
.call(force.drag);

svg.call(tip);

var total_requirements = 0;
var total_requirers = 0;
graph.nodes.forEach(function(o, i) {
total_requirements += o.num_requirements;
total_requirers += o.num_requirers;
});
var avg_requirements = total_requirements / graph.nodes.length;
var avg_requirers = total_requirers / graph.nodes.length;

force.on("tick", function(e) {
link.attr("x1", function(d) { return d.source.x; })
.attr("y1", function(d) { return d.source.y; })
.attr("x2", function(d) { return d.target.x; })
.attr("y2", function(d) { return d.target.y; });

node.attr("cx", function(d) { return d.x; })
.attr("cy", function(d) { return d.y; });

});

force.start();
});

</script>


</body>
</html>
1 change: 1 addition & 0 deletions graph/portingdb.json
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"links":[{"source":12,"target":2},{"source":10,"target":2},{"source":10,"target":2},{"source":5,"target":2},{"source":14,"target":4},{"source":2,"target":4},{"source":0,"target":4},{"source":14,"target":4},{"source":2,"target":14},{"source":2,"target":14},{"source":7,"target":6},{"source":13,"target":6},{"source":14,"target":8},{"source":2,"target":8},{"source":0,"target":8},{"source":14,"target":8},{"source":4,"target":7},{"source":8,"target":7},{"source":1,"target":7},{"source":3,"target":7},{"source":2,"target":7},{"source":12,"target":7},{"source":10,"target":7},{"source":11,"target":7},{"source":4,"target":7},{"source":14,"target":7},{"source":8,"target":7},{"source":9,"target":7}],"nodes":[{"color":"#2d9510","name":"gimp3","status_color":"#2D9510","tier":0},{"color":"#d9d9d9","name":"email2trac","status_color":"#DDDDDD","tier":1},{"color":"#d6d6d6","name":"gimp","status_color":"#DDDDDD","tier":2},{"color":"#d9d9d9","name":"flowcanvas","status_color":"#DDDDDD","tier":1},{"color":"#656565","name":"pygobject2","status_color":"#888888","tier":4},{"color":"#2d9510","name":"openttd-opengfx","status_color":"#2D9510","tier":0},{"color":"#0b6201","name":"python-rpm-macros","status_color":"#2D9510","tier":6},{"color":"#5c5c5c","name":"python2.7","status_color":"#888888","tier":5},{"color":"#656565","name":"python2-cairo","status_color":"#888888","tier":4},{"color":"#d9d9d9","name":"qtwebkit","status_color":"#DDDDDD","tier":1},{"color":"#d54a46","name":"gimp-resynthesizer","status_color":"#D9534F","tier":1},{"color":"#d9d9d9","name":"kdissert","status_color":"#DDDDDD","tier":1},{"color":"#d54a46","name":"gimp-layer-via-copy-cut","status_color":"#D9534F","tier":1},{"color":"#d9d9d9","name":"qt5-qtwebengine","status_color":"#DDDDDD","tier":1},{"color":"#6e6e6e","name":"pygtk2","status_color":"#888888","tier":3}]}
Loading

0 comments on commit 5dd209d

Please sign in to comment.