13 widgetů, které vytvářejí úžasné zobrazení dat v reálném čase

Jste-li zaneprázdněný člověk, který ve skutečnosti nemá dost času na to, aby si každý den kontroloval novinky, ale rádi byste udržovali krok s nejnovějšími důležitými událostmi, jako jsou velké bouře, akciový trh nebo významné změny po celém světě. , grafické zobrazení je mnohem efektivnější.

Pravděpodobně jste viděli příklady některých kanceláří obchodníků s cennými papíry, kde je monitor se spoustou grafů, grafů a další grafiky zobrazující data v reálném čase. Nebo jste možná viděli ty skvělé displeje startovacího centra NASA se všemi druhy důležitých dat posouvajících se po obrazovce.

Podle mého názoru je to nejlepší způsob, jak ukázat spoustu informací v malém prostoru. A pokud pracujete se dvěma nebo třemi obrazovkami, jako jsem já, pak máte místo na monitoru, aby se vám neustále zobrazoval displej - kde můžete jediným pohledem zjistit, co se děje po celém světě.

V tomto článku vás provedu svým úsilím sestavit tento druh displeje pomocí velmi jednoduchých nástrojů a technik webového designu. Budu také sdílet 15 z nejlepších online pomůcek pro dashboardy, které jsem našel na internetu a které pomohly vytvořit toto velké informační zobrazení světových informací.

Budování zobrazení světových dat v reálném čase

Jedním z prvních míst, na které jsem šel za účelem vytvoření takového informačního displeje, je Netvibes. Často jsme se zabývali webem, například v úžasném článku Angely o tom, jak jej používat ke správě vašeho života. Jak celý život řídit online pomocí Netvibes Jak celý svůj život řídit online pomocí Netvibes .

Opravdu se mi líbí i Netvibes a po přečtení článku Angely jsem ho začal používat k organizování odkazů a nástrojů pro každý z hlavních úkolů, které musím dělat online. Je hezké mít vše na jednom místě. Když jsem se však pokusil pomocí gadgetu HTML vložit widgety na stránku, všiml jsem si, že to nefunguje dobře. Šířku můžete změnit, ale zdá se, že výška zůstává pevná - oříznutí větších widgetů.

Poté, co vyzkoušeli několik dalších webů - Protopage Jak si vytvořit portfolio online práce s Protopage Jak si udělat portfolio vaší online práce s Protopage bylo další, které nefungovalo úplně správně. Přidalo příliš mnoho místa na stranách widgetů a neumožnilo správné změny velikosti. Poté, co jsem strávil příliš mnoho času snahou o to, aby existující stránky fungovaly, jsem se rozhodl obrátit se na návrh stránky od nuly.

Chtěl jsem přijít s řešením, které by mohl udělat kdokoli, bez ohledu na zkušenosti s webovým designem. Můj WYSIWYG webový nástroj pro návrh je Kompozer. Jedinou nevýhodou tohoto přístupu je to, že používá tabulky, které jsou ve světě webových designérů považovány za archaické ve srovnání s používáním CSS. Kvůli jednoduchosti však použijeme Kompozer a rozložíme widgety přímo na stránce.

Zde je návod, jak se návrhové zobrazení v Kompozeru stará po vložení tabulky - v tomto případě používám tabulku 4 x 4, ale můžete ji libovolně upravit..

Nejprve klikněte pravým tlačítkem na tabulku a změňte vlastnosti tak, aby čáry nebyly zbarveny (neviditelné). První widget, který jsem vložil do levé horní buňky, byl cool widget hodin z clocklink.com. Pod tím jsem přidal widget počasí z webu Accuweather.com - jeden z mých oblíbených, protože zobrazuje chladné grafické radarové zobrazení všech blížících se bouří.

V každém případě jednoduše kliknu dovnitř buňky, do které chci vložit kód widgetu, poté kliknu na nabídku Vložit a vyberu HTML. Stačí vložit kód widgetu do zobrazeného okna.

Můžete si všimnout, že váš widget není vystředěný, nebo se zobrazuje příliš daleko dolů od horní části buňky. V Kompozeru se to dá snadno opravit bez znalosti kódování. Stačí kliknout pravým tlačítkem na buňku, vybrat vlastnosti buňky tabulky a poté změnit zarovnání obsahu podle toho, co vypadá nejlépe.

Chcete-li otestovat své změny, uložte soubor do místního počítače jako soubor HTML a poté jej zobrazte pomocí svého oblíbeného prohlížeče. Pokud máte opravdu problémy, můžete vždy vložit kód, pokud to opravdu potřebujete. V Kompozeru můžete stránku upravit kliknutím na “zdroj” tab. Například v několika případech jsem musel vložit přestávku
vynutit mezeru mezi některými widgety, které jsem umístil uvnitř stejné buňky.

Přidáním dalších tří nejlepších widgetů, které jsem našel, jsem vyvinul informační displej v reálném čase zobrazený níže. Tři skvělé widgety, které jsem přidal, byly widget ceny plynu z gas-cost.net a widget komodit a aktuální kurzy směnných kurzů ze 100widgets.com.

To vše jsou widgety v reálném čase, zobrazující aktuální data z celého světa. Nyní mám aktuální údaje o cenách, sazbách akcií a počasí, vše na jeden pohled. Ale pouze polovina webové stránky je vyplněna a na této stránce máme mnohem více informací - další dva celé sloupce dat jsou přesná.

Dalším opravdu skvělým widgetem, který jsem na stránku přidal, byl uživatelský konfigurační widget [No Longer Available] ze 100widgets.com. Tím získáte zpětnou vazbu ohledně vaší aktuální IP adresy, informací o počítači a verze oken / prohlížeče. To je užitečné, když jste na cestách a připojujete se ke své stránce z hotelu nebo knihovny a potřebujete znát svou současnou IP. Také jsem přidal velmi cool World Counters a akciové indexy z widgetbox.com.

Několik dalších užitečných widgetů, které stojí za zmínku pro tento druh celostránkového zobrazení v reálném čase - první je widget pro odpočítávání z widgetbox.com. Když ji nastavíte, dáte jí datum a událost, od které se bude odpočítávat, a zobrazí se v widgetu jako text odpočítávání k této události (viz velký displej zobrazující dva obrázky odsud).

A žádné zobrazení dat sci-fi by nebylo úplné, aniž by rotovaná grafika Země zobrazovala informace o teplotě v reálném čase z jakéhokoli místa na planetě, které se vám líbí. Tato data můžete získat z widgetu Weather-3D z Widgetbox.com.

Na obrázku pod mým celostránkovým datovým panelem v reálném čase vidíte odpočítávání v samém horním rohu stránky (vložil jsem jej do středu před samotnou tabulku) a 3d Počasí zeměkoule těsně pod widgetem pro odpočítávání světa. V posledním sloupci tabulky jsem přidal aktuální úroveň ohrožení DHS, sexy křivky (více pro dekoraci než cokoli jiného - vypadá to skvěle) a konečně widget v reálném čase z Národního hurikánového centra.

Po dokončení stránky mám nyní přístup k aktuálnímu času, místním a globálním počasí, informacím o akciových trzích, aktuálním cenám plynu, aktuálním výstrahám o hurikánu, národním úrovním hrozeb a samozřejmě ke spoustě světových dat ve widgetu pro světové odpočítávání.

Tento druh zobrazení můžete vyladit libovolnými informacemi hledáním dalších informačních widgetů na kterémkoli z hlavních webů widgetů a jejich vložením do rozvržení kdekoli chcete. Schopnost Kompozeru snadno vystředit a zarovnat buňky vám umožní, aby celý displej vypadal čistě a opravdu skvěle. Až budete hotovi, stačí nahrát soubor HTML do svého vlastního webového hostitele, takže k němu budete mít přístup odkudkoli na světě.

Vytvořte si vlastní informační panel a dejte nám vědět, jak to chodí. Jaké další užitečné widgety jste objevili pro informace v reálném čase? Sdílejte je v oblasti komentářů níže - ráda bych viděla, jaké další skvělé widgety lidé našli!

Obrazový kredit: Telekomunikační grafika prostřednictvím Shutterstocku