Skip to content

Instantly share code, notes, and snippets.

View justinadesriuteRE's full-sized avatar

Justina Desriute justinadesriuteRE

View GitHub Profile
<app-shell>
<user-profile></user-profile>
<app-settings></app-settings>
<app-dashboards>
<manual-driving>
<drowsiness-widget></drowsiness-widget>
<distraction-widget></distraction-widget>
...
</manual-driving>
<schutzengel-visu>
Team Group Previous appearances Previous titles Previous finals Previous semifinals Current FIFA rank First match against Match index History with first opponent W-L History with first opponent goals Second match against Match Index I history with second opponent W-L History with second opponent goals Third match against Match Index II History with third oponent W-L History with third oponent goals
Russia A 10 0 0 1 65 Saudi Arabia 1 -1 -2 Egypt 17 N/A N/A Uruguay 33 0 0
Saudi Arabia A 4 0 0 0 63 Russia 1 1 2 Uruguay 18 1 1 Egypt 34 -5 -5
Egypt A 2 0 0 0 31 Uruguay 2 -1 -2 Russia 17 N/A N/A Saudi Arabia 34 5 5
Uruguay A 12 2 2 5 21 Egypt 2 1 2 Saudi Arabia 18 -1 -1 Russia 33 0 0
Portugal B 6 0 0 2 3 Spain 3 -12 -31 Morocco 19 -1 -2 Iran 35 2 5
Spain B 14 1 1 2 6 Portugal 3 12 31 Iran 20 N/A N/A Morocco 36 5 7
Morocco B 4 0 0 0 40 Iran 4 -2 -2 Portugal 19 1 2 Spain 36 -5 -7
IRAN B 4 0 0 0 32 Morocco 4 2 2 Spain 20 N/A N/A Portugal 35 -2 -5
/* JavaScript */
var teamInfo = REP_Fifa_data.data
var top9 = teamInfo.filter(rank => rank[2] < 10);
var teamColor = d3.scaleOrdinal()
.domain(["F", "E", "B", "D", "G", "H", "C"])
.range(["#f9e6e6", "#7294d4", "#d8a499", "#c6cdf7", "#e6a0c4",
"#66b266", "#ffff7f"]);
/* JavaScript */
var teamInfo = REP_Fifa_data.data
var top9 = teamInfo.filter(rank => rank[2] < 10);
var teamColor = d3.scaleOrdinal()
.domain(["F", "E", "B", "D", "G", "H", "C"])
.range(["#f9e6e6", "#7294d4", "#d8a499", "#c6cdf7", "#e6a0c4",
"#66b266", "#ffff7f"]);
/* JavaScript */
var teamInfo = REP_Fifa_data.data
var top9 = teamInfo.filter(rank => rank[2] < 10);
var teamColor = d3.scaleOrdinal()
.domain(["F", "E", "B", "D", "G", "H", "C"])
.range(["#f9e6e6", "#7294d4", "#d8a499", "#c6cdf7", "#e6a0c4",
"#66b266", "#ffff7f"]);
var teamInfo = REP_Fifa_data.data
var top9 = teamInfo.filter(rank => rank[2] < 10);
var teamColor = d3.scaleOrdinal()
.domain(["F", "E", "B", "D", "G", "H", "C"])
.range(["#f9e6e6", "#7294d4", "#d8a499", "#c6cdf7", "#e6a0c4",
"#66b266", "#ffff7f"]);
// Static Graphics
teamG = REframe.append("g")
text {
font-family: Arial;
font-size: 12px;
text-anchor: middle;
fill: black;
}
#title {
font-family: Arial;
font-size:40px;
<text id='title' x=500 y=70 >
TOP 9 WORLD CUP TEAMS
</text>
<foreignObject x="50" y="350" width="600" height="230">
<h1>STATISTICS</h1>
<table>
<tr><td>Team Name</td><td class="data"></td></tr>
<tr><td>Current FIFA rank</td><td class="data"></td></tr>
<tr><td>Group</td><td class="data"></td></tr>
// vertical barchart
var x = d3.scaleBand()
.domain(mydata.map(d => d.name))
.range([160, 800])
.padding(0.3);
var y = d3.scaleLinear()
.domain([0, 4000])
.rangeRound([700, 400]);