Budiky na www

No a co ti brání? Kód tam přece máš.

No je, ale toto je už na mě moc složite.

Jsem tam našel i odkaz na github
https://terryyoung.blogspot.com/2013/12/jquery-svg-gauge-plugin-10.html
https://github.com/DmitryBaranovskiy/raphael
README.md

You need to have NPM installed to build the library.
git clone https://github.com/DmitryBaranovskiy/raphael.git
yarn install --frozen-lockfile
yarn build-all

Je nějaký jednodužší zpusod jak mit něco takoveho na me strance?

Ten odrazek si i nakreslim v photoshopu.
Text pole s naměřenou teplotou na něj jde umistit take.
Ale jak na tu pohybujicí se ručičku?

https://codepen.io/terryyounghk/pen/hfoaA
U toho spodniho jde vyzkoušet a nastavit si hodnotu.
Kdyby to šlo i u toho co chci, klidně bych si udělal třeba 100 obrazku a podle rozsahu je načital

Co je složitého na zkopírování kódu?

Pokud jsem to pochopil, tak musim mit 3 soubory.
HTML stranku, ccs, js.
Alespon trochu nakopni prosím.

Však všetko máš v tom codepenu...

Tak nějak nevím, co na tom nechápeš. Máš to tam v podstatě hotové a stačí to jenom zkopírovat.

Když ten HTML kod mám v index.html
Co stými dvouma? css a js?
Mají mit stejný násev?
index.css a index.js

Koukám, že ti chybí úplné základy. To bude možná lepší, když si to stáhneš odtud:
http://plnkr.co/edit/tIrRSD?p=info

Vím že učení je matka moudrostí, ale pokud chceš jen takovou kravinku na svůj web je blbost učit cele základy programovaní, když to stejnak nikdy nevyužiju a časem zapomenu.

Pro mně už bude perlička vypreparovat jen ten jeden budík.
A vysvětlit mu, že mam data v souboru /shm/teplota_venku
https://pc.poradna.net/questions/2951521-php-delimiter

Děkují moc

Tak zrovna tohle nemá s programováním nic společného.

Jak jsem koukal, umíš i umiš lepe hledat, jako ja
Nahodou toto?
https://twitter.com/mcrossley/status/169800777697734657
Ten odkaz na google je mrtvý

https://github.com/HanSolo/SteelSeries-Canvas

Děkují.
Dotaz.
Není nějaký html - java editor, přes který by šlo vypreparovat ten jeden budik?
Nějak se nadeři

java neni JavaScript.
Editorov je mnoho, VS Code, Atom, Sublime, atd... k vypreparovaniu môže pomôcť developers tools v browseru. Označíte element, zistite o aky element sa jedna a ten zmazete.

Bych chtěl poprosit o pomoc, nebo alespon poždouchnout.
Celou noc jsem v praci ani oko nezamhouřil a přišel na to, že mi na muj budik stači toto.

<div class="metal-border speedometer-3quarters" id="example1G">
<div class="example"></div>
<div class="gauge-value"></div>
</div>
<div class="code" id="code_example1G"></div>

<script type="text/javascript" class="example" id="script_example1G">
$(document).ready(function() {
$('#example1G div.example').svgGauge({
'value': 28.5,
'minValue': -20,
'maxValue': 100,
'startingIncline': -60,
'endingIncline': 180,
'margin': 8,
'majorTicks': {
'count': 8,
'length': 20,
'attr': {
'stroke': '#023',
'stroke-width': 3
}
},
'minorTicks': {
'count': 4,
'attr': {
'stroke': '#023'
}
},
'hand': {
'centerPointRadius': 2,
'length': 50,
'attr': {
'stroke': '#003'
}
},
'zones': {
'normal': {
'fromPercentage': 0,
'toPercentage': 2 / 8,
'attr': {
'stroke': '#10E5ED',
'stroke-width': 20
}
},
'warning': {
'fromPercentage': 2 / 8,
'toPercentage': 60 / 80,
'attr': {
'stroke': '#cdcdcd',
'stroke-width': 20
}
},
'critical': {
'fromPercentage': 60 / 80,
'toPercentage': 1,
'attr': {
'stroke-width': 20
}
}
},
'onAnimate': function(data, gauge) {
var $this = $(this),
$parent = $this.parent(),
$value = $parent.find('div.gauge-value');
$value.html(data.value.toFixed(1) + '&deg;C');
}
});
});

</script>
</html>

Hodnotu teploty co ukazuje ta ručička je 'value': 48.5
A podle mně, tak tu animaci zajištuje ta funkce.
onAnimate': function(data, gauge)

Ale je to animace.
Při spuštění stranky se ta ručička hybe od 0 po nastavenou teplotu v tom 'value': 48.5

Bych potřeboval aby to načitalo moji teplotu ./shm/teplota_venku

Bud to dat do javascript jako timer a načitat třeba co minutu, nebo co minutu protačet tu stranku.

Já když jsem naposledy potřeboval nějaký ukazatel (porovnání sedmi napětí co do velikosti, ale i vzájemně - nesměla se příliš lišit což bylo možná důležitější než velikost), tak jsem po nějakém experimentování s různými ovládacími prvky skončil u toho že jsem použil tabulku s daným rozměrem, který jsem natahoval nebo smršťoval podle velikosti napětí, je to už řada let, co to používám a do toho kódu jsem dávno nezasahoval, tak už podrobnosti nevim, myslím že dílky stupnice tvořila jiná tabulka. Výhodu to mělo, že se to všechno vešlo do html, nepotřebovalo to nic vedle (žádné active-x nebo tak). To pokud by to nemuselo být kulaté. Jak nakreslit ručičku nevím, ale snad nějaké takové možnosti také byly (mohla by to být úsečka, pokud by šlo rotovat bitmapou, mohla by to být i bitmapa).
js a ccs je snad možné zabudovat do htm, vedle se to dává jen aby se to lépe udržovalo když má někdo milion stránek a musel by to měnit u všech (kromě toho se tak lehce dá změnit styl). Horší je to, jestli to potřebuje něco externího, třeba jawu (což neni totéž co jawascript) nebo co já vím, html normálně neprogramuju a taky jsem se to musel tehdy učit (dobrým zdrojem je w3c school https://www.w3schools.com/ pokud jde o takové základy typu jak něco udělat).

Hm. tak me nadšení co jsem měl před dvouna dný, když jsem našek ty dva teploněty kleslo na 0