Grafiek test Nexus

<p></p>
<div style="width: 80%; max-width: 600px; margin: 0 auto;">
<p></p>
<h2 style="text-align: left; font-size: 1.5em; margin-bottom: 5px;">Behaald rendement afgelopen jaar</h2>
<h4 style="text-align: left; font-size: 1em; font-weight: normal; color: #555; margin-top: 10px; margin-bottom: 10px;">Op basis van de 20 kWh-thuisbatterij</h4>
<div style="position: relative; display: flex; flex-direction: column; gap: 10px; padding: 0 20px 0;">
<div style="position: absolute; top: 16.6%; left: 0; width: 100%; height: 1px; background-color: transparent; border-top: 1px dashed #E0E0E0;"></div>
<div style="position: absolute; top: 33.2%; left: 0; width: 100%; height: 1px; background-color: transparent; border-top: 1px dashed #E0E0E0;"></div>
<div style="position: absolute; top: 49.8%; left: 0; width: 100%; height: 1px; background-color: transparent; border-top: 1px dashed #E0E0E0;"></div>
<div style="position: absolute; top: 66.4%; left: 0; width: 100%; height: 1px; background-color: transparent; border-top: 1px dashed #E0E0E0;"></div>
<div style="display: flex; align-items: flex-end; justify-content: space-around; position: relative; width: 100%; box-sizing: border-box;">
<p></p>
<div style="display: flex; flex-direction: column; align-items: center; width: 20%; min-width: 50px;">
<p></p>
<div style="position: relative; background-color: #e0e0e0; color: black; padding: 7px 10px 5px; border-radius: 5px; margin-bottom: 5px; font-weight: bold; text-align: center;">
<p>€73</p>
<div style="position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #e0e0e0;"></div>
</div>
<p></p>
<div style="width: 100%; background-color: #b0b0b0; height: 27px; border-radius: 5px;"></div>
<div style="margin-top: 15px; text-align: center; font-size: 0.9em; white-space: pre-line; height: 2.5em; display: flex; align-items: center;">Laden op zonnestroom</div>
</div>
<p></p>
<div style="display: flex; flex-direction: column; align-items: center; width: 20%; min-width: 50px;">
<p></p>
<div style="position: relative; background-color: #e0e0e0; color: black; padding: 7px 10px 5px; border-radius: 5px; margin-bottom: 5px; font-weight: bold; text-align: center;">
<p>€940</p>
<div style="position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #e0e0e0;"></div>
</div>
<p></p>
<div style="width: 100%; background-color: #b0b0b0; height: 145px; border-radius: 5px;"></div>
<div style="margin-top: 15px; text-align: center; font-size: 0.9em; white-space: pre-line; height: 2.5em; display: flex; align-items: center;">Laden op dynamische uurprijzen</div>
</div>
<p></p>
<div style="display: flex; flex-direction: column; align-items: center; width: 20%; min-width: 50px;">
<p></p>
<div style="position: relative; background-color: #e0e0e0; color: black; padding: 7px 10px 5px; border-radius: 5px; margin-bottom: 5px; font-weight: bold; text-align: center;">
<p>€2096</p>
<div style="position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #e0e0e0;"></div>
</div>
<p></p>
<div style="width: 100%; background-color: #00aa65; height: 325px; border-radius: 5px;"></div>
<div style="margin-top: 15px; text-align: center; font-size: 0.9em; white-space: pre-line; height: 2.5em; display: flex; align-items: center;">Laden op Powerplay</div>
</div>
</div>
<div style="position: absolute; bottom: 93px; left: 0; width: 100%; height: 1px; background-color: transparent; border-top: 1px dashed #E0E0E0;"></div>
</div>
</div>

<table style="width: 75%; margin: 0 auto; border-collapse: collapse; text-align: left; font-size: 18px;">
<thead>
<tr>
<th style="padding: 10px; border-bottom: 2px solid #ddd;"></th>
<th style="padding: 10px; border-bottom: 2px solid #ddd; text-align: center; vertical-align: bottom;">10 kWh</th>
<th style="padding: 10px; border-bottom: 2px solid #ddd; text-align: center; vertical-align: bottom;">15 kWh</th>
<th style="padding: 10px; border-bottom: 2px solid #ddd; text-align: center; vertical-align: bottom; position: relative;"><span style="position: absolute; top: -15px; left: 50%; transform: translateX(-50%); display: inline-block; padding: 5px 10px; background-color: #00c853; color: white; border-radius: 10px; font-size: 12px; z-index: 1;">Meest gekozen</span><br />
20 kWh</th>
</tr>
</thead>
<tbody>
<tr>
<td style="padding: 10px; border-bottom: 1px solid #ddd;">Prijs na teruggave btw</td>
<td style="padding: 10px; border-bottom: 1px solid #ddd; text-align: center;">€ 5.490</td>
<td style="padding: 10px; border-bottom: 1px solid #ddd; text-align: center;">€ 6.390</td>
<td style="padding: 10px; border-bottom: 1px solid #ddd; text-align: center; background-color: white; border-top-left-radius: 15px; border-top-right-radius: 15px;">€ 7.290</td>
</tr>
<tr>
<td style="padding: 10px; border-bottom: 1px solid #ddd;">Resultaat afgelopen 6 maanden</td>
<td style="padding: 10px; border-bottom: 1px solid #ddd; text-align: center;">€ 657</td>
<td style="padding: 10px; border-bottom: 1px solid #ddd; text-align: center;">€ 891</td>
<td style="padding: 10px; border-bottom: 1px solid #ddd; text-align: center; background-color: white;">€ 1.071</td>
</tr>
<tr>
<td style="padding: 10px;">Terugverdientijd indicatie</td>
<td style="padding: 10px; text-align: center;">5 &#8211; 6 jaar</td>
<td style="padding: 10px; text-align: center;">4,5 &#8211; 5,5 jaar</td>
<td style="padding: 10px; text-align: center; background-color: white; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;">4 &#8211; 5 jaar</td>
</tr>
</tbody>
</table>
<p style="font-size: 14px; margin-top: 10px; color: #555555; text-align: center;"><strong>*De meest gekozen thuisbatterij is de 20 kWh.</strong> Deze batterijcapaciteit biedt jaarlijks de hoogste besparingen en heeft de snelste terugverdientijd.</p>


	10 kWh	15 kWh	Meest gekozen 20 kWh
Prijs na teruggave btw	€ 5.490	€ 6.390	€ 7.290
Resultaat afgelopen 6 maanden	€ 657	€ 891	€ 1.071
Terugverdientijd indicatie	5 – 6 jaar	4,5 – 5,5 jaar	4 – 5 jaar