320NN Development Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Sie befinden sich hier: start » breitbanddoku » breitbandatlascode
breitbanddoku:breitbandatlascode

Dies ist eine alte Version des Dokuments!

Inhaltsverzeichnis

Breitband Atlas Codes

Template Codes für den Breitbandatlas

Templates

<!DOCTYPE html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"  id="page-[[*id]]" lang="[[++cultureKey]]"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8"  id="page-[[*id]]" lang="[[++cultureKey]]"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" id="page-[[*id]]"  lang="[[++cultureKey]]"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="[[++cultureKey]]"  id="page-[[*id]]"> <!--<![endif]-->
<head>
<base href="[[++site_url]]" />
<meta charset="[[++modx_charset:lcase]]" />
<meta name="description" content="[[*introtext:empty=`[[*description:strip_tags]]`:limit=`200`]]" />
<meta name="author" content="BreitbandConsulting.NRW" />
<meta name="keywords" content="" />
<!-- Set the viewport width to device width for mobile -->
<meta name="viewport" content="width=device-width" />
<title>[[*pagetitle]] - [[++site_name]]</title>
 
<link rel="alternate" type="application/rss+xml" title="RSS" href="[[++site_url]]rss-feed.rss" />
 
 
 
<!-- Included CSS Files -->
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/foundation.css" >
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/app.css">
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/nga-atlas.css">
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/print.css" media="print">
<!--[if lt IE 9]>
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/ie.css">
<![endif]-->
 
<script src="[[++site_url]]assets/templates/foundation_modx/javascripts/respond.min.js"></script>
<!-- IE Fix for HTML5 Tags -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" href="[[++site_url]]assets/templates/foundation_modx/stylesheets/ie-7.css">
<![endif]-->
 
 
</head>
<body>
<a name="top"></a>
<header >
[[$menu-mobile]]
<div id="header" class="row white">
<div class="row">
<div class="one columns" id="nrw-logo">
<h2><a href="http://www.nrw.de/" target="_top" title="Zum Landesportal-Nordrhein Westfalen" class="left"><span></span>Landesportal Nordrhein-Westfalen</a></h2>
</div>
<div class="four columns offset-by-seven" id="breitband-logo">
<h1><a href="/" title="Breitband.NRW"><span></span>Breitband.NRW</a></h1>
</div>
<div class="four columns offset-by-seven show-on-print" id="breitband-logo-print">
<img src="[[++site_url]]assets/templates/foundation_modx/img/breitband-print-logo.png" />
</div>
</div><!-- / first row -->
 
[[$menu-flyout]]	
 
</div><!-- / #header -->
</header>
 
<div class="container">
<!-- breadcrumb -->
<div class="row" id="breadc">
<div class="nine columns">
[[$breadcrumbs]]
</div>
</div>

Startseite

[[!getCache?
&element=`template_header_ngaa`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
<section class="row pagebody"  id="pagebody-785">
<div class="twelve columns">
<div class="row">
 
<!-- obere haelfte -->
 
<div id="page" class="twelve columns ngaa-atlas" >
<article>
 
[[!getCache?
&element=`ngaa-hilfe-nrw`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
<h1>[[*pagetitle]]</h1>
<div class="content white">
<div class="row">
 
  <div class="six columns">
    [[*content]]
    <h4>Legende</h4>
<p class="ngaa-legend">Breitbandverfügbarkeit in % der Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
  </div><!-- /six -->
 
  <div class="six columns">
[[!getCache?
&element=`ngaa-nrwdaten`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
[[!getCache?
&element=`ngaa-allekreisdaten`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 <!-- correct without static -->
</div><!-- /six -->
 
</div><!-- /row -->
</div><!-- / content white -->
</article>
</div><!-- / #page twelve columns -->
 
<!-- untere haelfte -->
 
<div class="twelve columns" style="margin-bottom: 4em;">
[[!getCache?
&element=`ngaa-atlas-kreiskarte`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
[[!getCache?
&element=`ngaa-nrwsvgkarte-legende`
&elementClass=`modChunk`
&cacheExpires=`0`
]]
 
</div>
</div>
</div><!-- /twelve top-->
</section>
 
<a href="informieren/breitbandatlas-nrw.html#top" class="nach-oben hide-on-desktops">Nach oben <span></span></a>
[[!getCache?
&element=`template_footer_ngaa-startseite`
&elementClass=`modChunk`
&cacheExpires=`0`
]]

Städte

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="twelve columns ngaa-atlas-2" id="page">
<article>
 
[[$ngaa-hilfe-kreis?]]
 
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
	<!--<li rel="ngaa-tab2"> Ausbaufortschritt</li>
	<li rel="ngaa-tab3"> Best Practice</li>-->
</ul>
 
<div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
<div class="row">
<div class="five columns"> 
   <ul class="tools">
 
     <li><strong>Einwohner: </strong> [[*ngaa-einwohner]]</li>
     <li><strong>Fläche: </strong>[[*ngaa-flaeche]] km²</td></li>
     <li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte:runden]] Einwohner/km² </li>
     <li><strong>Kreisgliederung: </strong>[[*ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
     <li class="ngaa-community-list">[[*ngaa-gemeindenliste]]</li>
     <li><strong>Regierungsbezirk: </strong>[[*ngaa-regbezirk]]</li>
     <li><strong>Website:</strong> <a href="[[*ngaa-website]]">[[*ngaa-website]]</a>
     </ul>
 
 <p>Für Stadtteile und Stadtbezirke stehen zur Zeit keine detaillierteren Angaben zur Verfügung.</p>
 
</div><!-- / five columns linke spalte -->
 
<div id="atlas" class="seven columns ngaa-map-2" style="background: url(/assets/templates/foundation_modx/img-atlas/[[*alias]]-bg.png) right top no-repeat;">
 
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" viewBox="0 0 550 313" xml:space="preserve" style="width:509px; height:313px;">
<g id="map">
<path  fill="[[$colorchunk-stadt? &idx=`[[+idx]]`]]" stroke="#B1C800" stroke-linecap="round" stroke-miterlimit="10" d="[[*ngaa-mappoints-stadt?]]">
</g>
</svg>
 
 
<div class="ngaa-legend-box">
<h4>Legende</h4>
<p class="ngaa-legend">Breitbandverfügbarkeit in % der Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
</div>
 
</div><!-- / seven columns / #atlas -->
</div><!-- / row -->
 
<!--        ende daten und karte oben                   -->
 
[[$ngaa-stadtdaten?]]
 
</div>
<!-- / ngaa-tab1 -->
 
<!-- ngaa-tab2--> 
<div id="ngaa-tab2" class="tab_content"> 
<h3>Zweiter Tab</h3>
</div>
<!-- / ngaa-tab2 -->
 
<!-- ngaa-tab3--> 
<div id="ngaa-tab3" class="tab_content">
<h3>Dritter Tab</h3>
[[*ngaa-bestpracticedaten]]
</div>
<!-- / ngaa-tab3 -->
 
</div><!-- /ngaa-tab_container -->
 
<div class="content white">
<p>Quelle Daten: TÜV Rheinland, Wikipedia<br />
Stand: Für Städte & Gemeinden Mitte 2013 / für Kreise Mitte 2012 - alle Technologien (leitungsgebunden und drahtlos)</p> 
</div>
 
</div><!-- /ngaa-container -->
 
</article>
</div><!-- /twelve columns -->
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa-kreis]]

Kreise

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="twelve columns ngaa-atlas-2" id="page">
<article>
 
[[$ngaa-hilfe-kreis?]]
 
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
 
[[*ngaa-isreiter2:isequalto=`Ja`:then=`<li rel="ngaa-tab2"> Ausbaufortschritt</li>`:else=``]]
 
	<!-- <li rel="ngaa-tab3"> Best Practice</li>-->
</ul>
 
<div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
<div class="row">
<div class="five columns"> 
   <ul class="tools">
 
     <li><strong>Einwohner: </strong> [[*ngaa-einwohner]]</li>
     <li><strong>Fläche: </strong>[[*ngaa-flaeche]] km²</td></li>
     <li><strong>Bevölkerungsdichte: </strong>[[*ngaa-bevoelkerungsdichte:runden]] Einwohner/km² </li>
     <li><strong>Kreisgliederung: </strong>[[*ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
     <li class="ngaa-community-list">[[*ngaa-gemeindenliste]]</li>
     <li><strong>Regierungsbezirk: </strong>[[*ngaa-regbezirk]]</li>
     <li><strong>Website:</strong> <a href="[[*ngaa-website]]">[[*ngaa-website]]</a>
     </ul>
 
 <p class="ngaa-click">Für Detailinformationen: <br />Klicken Sie auf ein Kartenelement.</p>
 
</div><!-- / five columns linke spalte -->
 
<div id="atlas" class="seven columns ngaa-map-2" style="background: url(/assets/templates/foundation_modx/img-atlas/[[*alias]]-bg.png) right top no-repeat;">
 
[[$ngaa-atlas-gemeindekarte?]]
 
<div class="ngaa-legend-box">
<h4>Legende</h4>
<p class="ngaa-legend">Durchschnitt Haushalte mit<br> Anschlussqualität &ge; 50 Mbit/s </p>
</div>
 
</div><!-- / seven columns / #atlas -->
</div><!-- / row -->
 
<!--        ende daten und karte oben                   -->
 
[[$ngaa-kreisdaten?]]
 
[[$ngaa-allegemeindedaten?]]
 
 
 
 
</div>
<!-- / ngaa-tab1 -->
 
 
[[*ngaa-isreiter2:isequalto=`Ja`:then=`
 
<div id="ngaa-tab2" class="tab_content"> 
<h3 style="color:#B1C800; margin-bottom: 30px;">Ausbau-Aktivitäten in [[*pagetitle]]</h3>
 
[[$nga-tabelle-kreise?]]
 
</div>
 
`:else=``]]
 
 
<!-- ngaa-tab3--> 
<div id="ngaa-tab3" class="tab_content">
<h3>Dritter Tab</h3>
[[*ngaa-bestpracticedaten]]
</div>
<!-- / ngaa-tab3 -->
 
 
</div><!-- /ngaa-tab_container -->
 
 [[$ngaa-nrwsvgkarte-legende-2?]]
 
</div><!-- /ngaa-container -->
 
</article>
</div><!-- /twelve columns -->
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa-kreis]]

Gemeinde

[[$template_header_ngaa]]
 
<section class="row pagebody"  id="pagebody-[[*id]]">
<div class="twelve columns">
<div class="row">
<div class="three columns" id="main-navigation">
<nav class="row">
[[$wayfinderMain]]
</nav>
</div>
<div class="nine columns" id="page">
  <article>
 [[+publishedon:strtotime:date=`%d.%m.%Y` ]]
[[*longtitle:notempty=`<h2 class="single">[[*longtitle]]</h2>`]]
 <h1>[[*pagetitle]]</h1>
 
 
<div class="ngaa-container">
 
<ul class="ngaa-tabs"> 
	<li class="active" rel="ngaa-tab1"> Überblick</li>
</ul>
 
 <div class="ngaa-tab_container"> 
 
<!-- ngaa-tab1 --> 
 <div id="ngaa-tab1" class="tab_content"> 
 
<p>Hinweis: Dies ist der Ausbaustatus der Gemeinde [[*pagetitle]] im Kreis [[!GetParentTown]]. Wenn Sie den Status der Gemeinde Ahaus im Kontext des Kreises [[!GetParentTown]] sehen möchten: diesen finden Sie auf der <a href="[[~[[*parent]]]]" style="text-decoration:underline;">Seite des Kreises [[!GetParentTown]]</a>.</p> 
 
<hr class="ngaa-line" />
 
<h2>Ausbaustatus [[*pagetitle]]</h2>
 
<div class="row ngaa-status">
 
<!-- 2mbit -->
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 2 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr2:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr2-gm? &idx=`[[+idx]]`]];"></circle></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr2?]]%</h3>
</div>
 
<!-- 6mbit -->
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 6 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr6:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr6-gm? &idx=`[[+idx]]`]];"></circle></svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr6?]]%</h3>
 
</div>
 
<!-- 16mbit -->
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 16 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr16:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr16-gm? &idx=`[[+idx]]`]];"></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr16?]]%</h3>
</div>
 
<!--50mbit-->
 
<div class="three columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität  <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gm? &idx=`[[+idx]]`]];"></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[*ngaa-covergr50?]]%</h3>
</div> 
 
</div><!-- / row ngaa-status-->   
 
</div>
<!-- / ngaa-tab1 -->
 
 
</div><!-- /ngaa-tab_container -->
 
 
 [[$ngaa-nrwsvgkarte-legende-2?]]
 
 
 </article>
</div><!-- /nine columns -->
 
 
 
 
</div>
</div><!-- /page-->
 
</section>
 
[[$template_footer_ngaa]]

Chunks

Für die Darstellung jeder Anschlußbandbreite gab es einen Chunk, der die Farbe der Gemeinde bzw. des Kreises oder der Stadt kreierte. Die Anschlußbandbreite wurde dabei in einer Abstufung von jeweils 20& wiedergegeben. Hellgrün für 100% Verfügbarkeit, Dunkelblaugrau für weniger als 20% Verfügbarkeit.

Colorchunk

[[+tv.ngaa-covergr50:lte=`20`:then=`#293C6C`:else=`[[+tv.ngaa-covergr50:lte=`40`:then=`#565C79`:else=`[[+tv.ngaa-covergr50:lte=`60`:then=`#787878`:else=`[[+tv.ngaa-covergr50:lte=`80`:then=`#939A4D`:else=`#B0C800`]]`]]`]]`]]

Colorchunk 16

[[+tv.ngaa-covergr16:lte=`20`:then=`#293C6C`:else=`[[+tv.ngaa-covergr16:lte=`40`:then=`#565C79`:else=`[[+tv.ngaa-covergr16:lte=`60`:then=`#787878`:else=`[[+tv.ngaa-covergr16:lte=`80`:then=`#939A4D`:else=`#B1C800`]]`]]`]]`]]

Colorchunk 16 Gemeinde

[[*ngaa-covergr16:lte=`20`:then=`#293C6C`:else=`[[*ngaa-covergr16:lte=`40`:then=`#565C79`:else=`[[*ngaa-covergr16:lte=`60`:then=`#787878`:else=`[[*ngaa-covergr16:lte=`80`:then=`#939A4D`:else=`#B1C800`]]`]]`]]`]]

Colorchunk 16 Stadt

[[*ngaa-covergr16:lte=`20`:then=`#293C6C`:else=`[[*ngaa-covergr16:lte=`40`:then=`#565C79`:else=`[[*ngaa-covergr16:lte=`60`:then=`#787878`:else=`[[*ngaa-covergr16:lte=`80`:then=`#939A4D`:else=`#B1C800`]]`]]`]]`]]

Alle folgenden Colorchunks für die anderen Anschlußbandbreiten unterscheiden sich nur in den Variablen:

  • ngaa-covergr2
  • ngaa-covergr6
  • ngaa-covergr30

Kreisdaten

[[!getPage?
   &elementClass=`modSnippet`
   &element=`getResources`
 
   &parents=`785`
   &depth=`0`
   &limit=`100`
   &pageVarKey=`page`
 
   &sortbyTV=`date`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
 
   &tpl=`ngaa-allekreisdaten_row`
 
]]

Alle Kreisdaten Row

Zum besseren Vergleich der Daten wurden diese kreisförmig dargestellt um das Abdeckungsprinzip begreifbarer zu machen. Die Statistikdaten wurden dabei durch 2 dividiert gerundet dargestellt. Und dies auf einer 100px Maximaldurchmesserbasis. 

<article id="[[+alias?]]" class="atlas detail" data-region="[[+pagetitle?]]" data-coverage="[[+tv.ngaa-covergr50]]%">
<div class="row">
<div class="eight columns">
<h3>[[+pagetitle?]]</h3>
<ul class="basisdaten">
<li><strong>Einwohner: </strong> [[+tv.ngaa-einwohner]]</li>
<li><strong>Fläche: </strong>[[+tv.ngaa-flaeche]] km²</li>
<li><strong>Bevölkerungsdichte: </strong>[[+tv.ngaa-bevoelkerungsdichte:limit=`6`]] Einwohner/km² </li>
<li><strong>Kreisgliederung: </strong>[[+tv.ngaa-anzahlgemeinden]] Städte und Gemeinden</li>
<li><strong>Regierungsbezirk: </strong>[[+tv.ngaa-regbezirk]]</li>
</ul>
<p class="ngaa-link"><a href="[[~[[+id]]]]" title="[[+pagetitle]]">Weitere Info</a></p>
</div> <!-- / eight -->
 
<div class="four columns">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr50:div=`2`?]]" class="ngaa-kreis" style="fill: [[$colorchunk? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 50 Mbit/s" title="Anschlussqualität &ge; 50 Mbit/s: [[+tv.ngaa-covergr50]]% "></circle>
 
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr50]]%</h3>
 
</div><!-- / four -->
	</div>
 </article>

Kreiskarte

<div id="atlas"> 
	<!-- Größe war 980px Breite  x 930 px Höhe -->
		<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0"  width="738" height="700"  viewBox="15 175 560 531">
 
[[!getCache?
 
   &element=`getResources`
 
   &parents=`785`
   &depth=`0`
   &limit=`100`
   &pageVarKey=`page`
 
   &sortbyTV=`date`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
 
   &tpl=`ngaa-atlas-kreiskarte_row`
 
]]
<!-- dynamische kreiskarte -->
[[$ngaa-nrw-umriss?]]
</svg>
</div>

Row

<g id="[[+alias]]">
<polygon fill="[[$colorchunk? &idx=`[[+idx]]`]]" stroke="#2A3D6D" points="[[+tv.ngaa-map-points]]" />
</g>

Gemeindedaten

[[!getResources?
   &parents=`[[*id]]`
   &depth=`1`
   &limit=`0`
 
   &sortbyTV=`pagetitle`
   &sortdirTV=`ASC`
   &showHidden=`true`
   &showUnpublished=`true`
 
   &includeTVs=`1`
   &processTVs=`1`
 
   &tpl=`ngaa-allegemeindedaten_row`
   &where=`{"template:IN":[33]}`
]]

Row

<article id="[[+alias?]]" class="atlas detail ngaa-toggle" data-region="[[+pagetitle?]]" data-coverage="[[+tv.ngaa-covergr50?]]%">
 
<h2>Ausbaustatus [[+pagetitle?]]</h2>
 
 
<div class="row ngaa-status">
 
 
<!-- 2 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 2 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr2:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr2? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr2:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 2 Mbit/s" title="Anschlussqualität &ge; 2 Mbit/s: [[*ngaa-covergr2]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr2?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr2]]% im Kreis</h4>
 
</div>
 
<!-- 4 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 6 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr6:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr6? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr6:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 6 Mbit/s" title="Anschlussqualität &ge; 6 Mbit/s: [[*ngaa-covergr6]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr6?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr6]]% im Kreis</h4>
</div>
 
<!-- 16 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 16 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr16:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr16? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr16:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 16 Mbit/s" title="Anschlussqualität &ge; 16 Mbit/s: [[*ngaa-covergr16]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr16?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr16]]% im Kreis</h4>
</div>
 
<!-- 30 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität <br />&ge; 30 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr30:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk-gr30? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr30:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 30 Mbit/s" title="Anschlussqualität &ge; 30 Mbit/s: [[*ngaa-covergr30]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr30?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr30]]% im Kreis</h4>
</div>
 
<!-- 50 -->
<div class="statscolumn">
<p class="ngaa-stats-legend"><strong>Anschlussqualität  <br />&ge; 50 Mbit/s</strong></p>
<div class="ngaa-circle">
<svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
 
<circle cx="51" cy="51" r="50" class="ngaa-max"></circle>
<circle cx="51" cy="51" r="[[+tv.ngaa-covergr50:div=`2`?]]" class="ngaa-kreisgemeinde" style="fill: [[$colorchunk? &idx=`[[+idx]]`]];"></circle>
<circle cx="51" cy="51" r="[[*ngaa-covergr50:div=`2`?]]" class="ngaa-durchschnitt" alt="Visualisierung Prozentanteil &ge; 50 Mbit/s" title="Anschlussqualität  &ge; 50 Mbit/s: [[*ngaa-covergr50]]% "></circle>
</svg>
</div>
<h3 class="ngaa-stats">[[+tv.ngaa-covergr50?]]%</h3>
<h4 class="ngaa-stats-kreis">zu [[*ngaa-covergr50]]% im Kreis</h4>
</div>
 
</div><!-- / row ngaa-status-->
</article>
<!-- / article / [[+alias]] -->
breitbanddoku/breitbandatlascode.1461679088.txt.gz · Zuletzt geändert: 2016-04-26 15:58 von t.schuermann