Данни и инструменти
Вграждане на графики
Покажете интерактивните графики с резултатите на избрани училища на своя сайт - с един iframe, който се обновява сам с новите данни.
Справочник
Адресът е https://ivandavidov.github.io/nvo/{клас}/embed.html, където класът е 4, 7, 10 или 12.
| Параметър | Описание | Пример |
|---|---|---|
s | Кодове на училищата, разделени със запетая. Кодът е числото в адреса на профила на училището (/school/2216306/). Препоръчителен вариант - кодовете не се променят при обновяване на данните. | s=2216306,2211304 |
i4 / i7 / i10 / i12 | Индекси на училищата от адреса на страницата по клас (старият начин; продължава да работи). Индексите могат да се изместят, когато се добавят нови училища. | i7=178,179,181 |
chart | Само една графика: b (Български език) или m (Математика / Втора матура). Без параметър се показват двете. | chart=b |
theme | Фиксирана тема: light или dark. Без параметър следва настройката на браузъра. | theme=dark |
year | Исторически изглед - данни до посочената година включително (от 2020 нататък). | year=2023 |
Височина
За двете графики - около 1100 px, за една - около 600 px. Графиките запълват височината на рамката.
Автоматична височина
Страницата изпраща postMessage({ type: 'nvo-embed-resize', height }) към родителя, така че можете да нагласите височината на iframe динамично.
Най-лесно
Изберете училищата на страницата на класа и натиснете "Вгради" - кодът е готов за копиране.
<iframe src="https://ivandavidov.github.io/nvo/7/embed.html?s=2216306,2211304"
width="100%" height="1100" frameborder="0" scrolling="no"
style="border:none;max-width:100%" loading="lazy" title="НВО 7 клас - графики"></iframe>
<p style="margin:4px 0 0;font-size:13px">Източник: <a href="https://ivandavidov.github.io/nvo/7/">НВО 7 клас - резултати и класации на училищата</a></p>
<script>
window.addEventListener('message', function (e) {
if (e.data && e.data.type === 'nvo-embed-resize') {
document.querySelector('iframe[src*="nvo/7/embed.html"]').style.height = e.data.height + 'px';
}
});
</script>