Grafana

CartoDB 계열 타일 서버
https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png
https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png
https://{s}.basemaps.cartocdn.com/light_nolabels/{z}/{x}/{y}{r}.png
...

stamen 계열 타일 서버
https://stamen-tiles-{s}.a.ssl.fastly.net/toner-lite/{z}/{x}/{y}{r}.png
https://stamen-tiles-{s}.a.ssl.fastly.net/terrain/{z}/{x}/{y}{r}.png
https://stamen-tiles-{s}.a.ssl.fastly.net/terrain-background/{z}/{x}/{y}.png
http://tile.stamen.com/watercolor/{z}/{x}/{y}.jpg

Latitude  35.5
Longitude 127.5
Zoom      7

$name $count 
$node.label  $node.min   $node.max   $node.avg   $node.current $node.sum
$input.name  $input.min  $input.max  $input.avg  $input.now    $input.sum
$output.name $output.min $output.max $output.avg $output.now   $output.sum

<div class= "wrapper" style= "padding:0px; margin:0px; border-radius:0px; "> <table id= "dataTable">
<tr>
<td colspan = "6" class = "mainTitle">$name</td> </tr>
<tr>
<td colspan = "3" class = "mainHead borderBot">$input.name</td>
<td colspan = "3" class = "mainHead borderBot">$output.name</td> </tr>
<tr>
<td colspan = "1" class = "headerTxt">Min</td>
<td colspan = "1" class = "headerTxt">Avg</td>
<td colspan = "1" class = "headerTxt rightBorder">Max</td> <td colspan = "1" class = "headerTxt">Min</td>
<td colspan = "1" class = "headerTxt">Avg</td>
<td colspan = "1" class = "headerTxt ">Max</td>
</tr> <tr>
<td colspan = "1" class = "bodyTxt">$input.min</td>
<td colspan = "1" class = "bodyTxt">$input.avg</td>
<td colspan = "1" class = "bodyTxt rightBorder">$input.max</td> <td colspan = "1" class = "bodyTxt">$output.min</td>
<td colspan = "1" class = "bodyTxt">$output.avg</td>
<td colspan = "1" class = "bodyTxt">$output.max</td>
</tr> <tr>
<td colspan = "3" class = "mainHead rightBorder">Gb/s</td> <td colspan = "3" class = "mainHead">Gb/s</td>
</tr> </table>
<br/>
<style> .wrapper{ color:snow;
}
.mainTitle{
font-size: 2em; //border-bottom:1px solid; padding:4px; font-weight:bold; color:orange; border-color:white;
}
.headerTxt{ padding:0px;
}
.bodyTxt{ font-weight:bold; font-size:2em; padding:0px;
padding :1px 5px 5px 5px; }
.mainHead{ font-weight:bold; font-size:1.2em; padding-left:20px; padding-right:20px;
}
.borderBot{ //border-bottom:1px solid; color:rgba(18,175,255,1); border-color:white;

}
.rightBorder{ border-right:0.5px solid; }
#dataTable{
table-layout: fixed;
width: 100%;
text-align: center;
}
.atlas-info-div{
border-radius: 2px; background-color:rgba(0,0,0,0.8); }
hr{ padding:0px; margin:2px; }
</style>

<div style="text-align: center; font-size: 20px; color:orange; font-weight:bold; "> $name
</div>
<style>
.atlas-info-div{
border-radius: 2px; background-color:rgba(0,0,0,0.8); }
</style>

sudo -s
yum -y install npm

cd /var/lib/grafana/plugins
git clone https://github.com/GlobalNOC/globalnoc-networkmap-panel

cd globalnoc-networkmap-panel
npm install
npm install gulp -g
npm run build

systemctl restart grafana-server

# sudo systemctl restart grafana.server

[panels]
disable_sanitize_html = true
[security]
allow_embedding = true