Dygraphs glidande medelvärde

Kända användare Sedan offentliggörandet i slutet av 2009 har dygraphs hittat många användare på webben. Det här är en liten samling av de användningsområden som vi vet om. Om du använder dygraphs, vänligen skicka Dan en länk och helvete lägg till den i den här listan. dygraphs utvecklades ursprungligen hos Google och har funnit stor användning på interna instrumentpaneler och servrar där. Det finns också några användningar av dygrafer på offentliga Google-produkter: Google Correlate Uses dygraphs för tidsserier visualisering. Mestadels en standardkonfiguration, med bara några tweaks som matchar Google-stil. Google Correlate - Sök efter ritning Det här är en mycket anpassad konfiguration som låter användaren rita en tidsserie. Baserat på denna demo. Google Latitude History Dashboard Använder återkoppling av samtal för att synkronisera tidsseripunkter med markörer på en Google Map. dygrafier har också funnits i andra organisationer: Integrerat rymdväderanalyssystem (NASA) ldquoWe använder dygrafer i det integrerade rymdväderanalyssystemet tillgängligt från rymdväderlaboratoriet vid NASA Goddard Space Flight Center. Det fungerar ganska bra för tidsseriedata från olika uppdrag och simuleringar som vi lagrar. rdquo Eutelsat ldquoEutelsat använder dygrafer för kartläggning av rymdfarkosttelemetri för en flotta med 25 geostationära satelliter. Rumfartygsingenjörerna är mycket nöjda med det. Alla kombinerade satelliter producerar cirka 200 miljoner unika datapunkter per dag så vi uppskattar verkligen det utmärkta resultatet av dygraphs. rdquo 10gen MongoDB Monitoring Service En gratis övervakningstjänst för MongoDB från 10gen (skaparna av MongoDB). Används av tusentals servrar och användare. Används av synkroniserade diagram för att visa många mängder samtidigt. Duck Duck Gå Traffic Dashboard DDG använder dygraphs för att visa ett offentligt diagram över sin dagliga trafik. De använder anteckningar och de rörliga genomsnittsfunktionerna. Wikimedia Foundation - Moodbar data dashboard dygraphs används internt på Wikimedia som en praktisk lösning för att övervaka resultaten av en massa små experiment. kvadrantramar (MySQL Load Testing Framework) Ett användarvänligt ramverk för att skapa och visualisera MySQL-databaslasttestjobb. För mer information om användningen av dygrafier, se detta inlägg. Spinwave Systems (Home Energy Monitoring) dygrafier används för att kartlägga energianvändningen över tiden. Jwebchart jWebChart är ett fristående och Thredds inbäddat plottningssystem för netCDF-filer. NetCDF är en gemensam standard för lagring och distribution av vetenskapliga data. n-gram - Utforska Las tendenser och Los Artculos periodsticos de Colombia. (Engelska: Utforska trender i tidningsartiklar i Colombia). dygraphs används för att visa resultaten av denna n-gramsvisare. Använder en förlängning för att exportera tomterna som PNG-bilder (1. 2). NOAA Great Lakes Dashboard Great Lakes Dashboard ger användarvänlig tillgång till aggregerade tidsseriedata, modellutdata och prognoser för flera variabler som beskriver de stora sjöarna tillsammans med bakgrundsinformation. Först utvecklad i Adobe Flash har en HTML 5-kompatibel version varit i verken och ett funktionellt utkast finns tillgängligt här. HowManyDiapers HowMediDiapers är ett gratis verktyg för att uppskatta blöjanvändning och storlekar för alla spädbarn, under vilken tid som helst. Med hjälp av babys percentil i vikt (från CDC-tillväxtdiagrammet) kartlägger det hur mycket barnet sannolikt kommer att väga i framtiden, och kontrollerar sedan med tillverkarens storlekskort för att bestämma bästa blöjapassning. Dygrafer används på resultatsidan, för att visa tillväxtkurvan och dimensioneringens förändringar (med anmärkningar). USGS CIDAGCMRC River Sediment and Discharge Centret för Integrated Data Analytics (CIDA) använder Dygraphs för att visa data från tidsserier som samlats in på USGS gage stationer, mest framträdande på Colorado River genom Grand Canyon. Dygraphs prestanda var viktigt för att interagera med år av täta timeseries data i webbläsaren. (Visa koden) Ghanastocks Ghanastocks är en finansiell plattform som erbjuder information om de aktier som handlas på Ghanabörsen. Dygrafer används för att visa lagerdiagrammen. På förstasidan används en liten förhandsgranskning utan interaktionsmodell och etiketter. Citatsidorna använder en standardversion av dygrafier och det detaljerade diagrammet visas med två dygrafsinstanser, en för volymstängerna och en för diagrammet, som är synkroniseras via en anpassad röstbackback. Använder du dygrafier Vänligen låt Dan vet och helvete lägg till din länk här För att hålla detta exempel fristående är den andra parametern råa CSV-data. Dygraphs-biblioteket analyserar dessa data (inklusive kolumnrubriker), ändrar storleken på behållaren till en rimlig standard, beräknar lämpliga axelområden och kryssmarkeringar och drar diagrammet. I de flesta applikationer är det bättre att använda en CSV-fil istället. Om den andra parametern till konstruktören inte innehåller en ny linje tolkas den som en sökväg till en CSV-fil. Dygraph kommer att utföra en XMLHttpRequest för att hämta den här filen och visa data när den blir tillgänglig. Se till att din CSV-fil är läsbar och servering från en plats som förstår XMLHttpRequests. Speciellt kan du inte ange en CSV-fil med fil :. Heres ett exempel: (data från Weather Underground) Det finns några saker att notera här: Dygraph skickade en XHR för att få temperaturen. csv-filen. Etiketterna togs från den första raden av temperaturer. csv. vilket är datum, högt, lågt. Dygraph valde automatiskt två olika, lättskiljbara färger för de två dataserierna. Etiketterna på x-axeln har ändrats från dagar till månader. Om du zooma in byter de till veckor och sedan dagar. Vissa heuristiker används för att bestämma ett bra vertikalt intervall för data. Tanken är att göra alla data synliga och ha mänskliga värden på axeln (dvs 200 istället för 193.4). Generellt fungerar det bra. Uppgifterna är mycket spikiga. Ett glidande medelvärde skulle vara lättare att tolka. Detta problem kan lösas genom att ange lämpliga alternativ i tilläggsalternativsparametern till Dygraph-konstruktören. Om du vill ställa in antalet dagar för ett glidande medelvärde, använd alternativet rollPeriod. Heres hur det är gjort: Ett rullande medelvärde kan ställas in med textrutan i nedre vänstra hörnet av grafen (ShowRoller-attributet är det som gör det här). Observera också att weve uttryckligen bestämde storleken på diagram div. Felstänger En annan viktig egenskap i biblioteket dygraphs är möjligheten att visa felfält runt dataserier. En standardavvikelse måste anges för varje datapunkt. Ett plusmnn sigma band kommer att dras runt dataserien vid den tiden. Om ett glidande medel visas, kommer dygrafier att beräkna standardavvikelsen för medelvärdet vid varje punkt. I. E. sigma sqrt ((sigma 1 2 sigma 2 2. sigma n 2) n) Här är en demonstration. Det finns två dataserier. En är N (100,10) med en standardavvikelse på 10 som anges vid varje punkt. Den andra är N (80,20) med en standardavvikelse på 20 som anges vid varje punkt. CSV-filen genererades med hjälp av Octave och kan ses på twonormals. csv. Saker att notera här: Alternativet ErrorBars påverkar både tolkningen av CSV-filen och visningen av grafen. När errorBars är satt till true tolkas varje rad som ÅÅÅÅMMDD. A. sigmaA. B. sigmaB. hellip Den första raden i CSV-filen nämner inte felkolumnerna. I det här fallet är det bara Datum, Serie1, Serie2. Medelvärdet påverkar synbart felstängerna. Detta är mest tydligt om du vrider upp rullande tiden till ungefär 100 dagar. För de tidigaste datumen kommer det inte att vara 100 datapunkter i genomsnitt så signalen blir bullere. Felstängerna blir mindre som sqrt (N) framåt i tiden tills det är 100 poäng i genomsnitt. Felstängerna är delvis transparenta. Detta kan ses när de överlappar varandra. Google Visualiserings API tillhandahåller ett standardgränssnitt för att beskriva data. När du har angett dina data med hjälp av detta API kan du ansluta någon GViz-kompatibel visualisering. dygrafier är en sådan visualisering. I synnerhet kan den användas som ett inlösenbyte för den visualiserade AnnotatedTimeline-visualiseringen som används på Google Finance och andra webbplatser. För att se hur det fungerar kan du kolla in gviz annotationsdemo. Kartläggning av fraktioner Situationer uppstår ofta där du vill plotta fraktioner, t. ex. fraktionen av respondenter i en omröstning som sa theyd rösta på kandidat X eller antalet träffar dividerat med fladdermöss (baseballs batting average). Fraktioner kräver särskild behandling av två huvudorsaker: Medelvärdet av a1b1 och a2b2 är (a1a2) (b1b2). inte (a1b1 a2b2) 2. Den normala approximationen är inte alltid tillämplig och mer sofistikerade konfidensintervaller (t. ex. Wilsons konfidensintervall) måste användas för att undvika förhållanden som överstiger 100 eller gå under 0. Lyckligtvis hanterar dygrafer båda dessa för dig Heres ett diagram och kommandot som genererade Det: Batting Average för Ichiro Suzuki vs Mariners (2004) Alternativet bråk anger att värdena i varje kolumn ska analyseras som bråk (t. ex. 12 istället för 0.5). Alternativet ErrorBars indikerar att vi vill se ett konfidensintervall runt varje datapunkt. Som standard, när fraktioner är inställda, får du ett Wilson konfidensintervall. Om du tittar noggrant på diagrammet kan du se att felfälten är asymmetriska. Ett par saker att märka om det här diagrammet: Felstängerna för Ichiros battingmedel är större än för Mariners, eftersom han har mycket färre på slagträ än hans lag. dygrafier gör det enkelt att se batting-genomsnittet under de senaste 30 spelen. Detta är vanligtvis ganska svårt att beräkna. Det klargör var den varma och kalla delen av Suzukis årstid var. Om du ställer in medelvärdet till något stort, som 200, kommer du att se lag och spelare som slår medel genom det spelet. Sluttalet är det totala battingmedlet för säsongen. När felstängerna inte överlappar varandra kan vi med 95 förtroende säga att serien skiljer sig åt. Det finns en bättre än 95 chans att Ichiro var en bättre hitter än hans lag som helhet 2004, året vann han battingstiteln. En sista demo Detta diagram visar månatliga stängningar av Dow Jones Industrial Average, både i nominella och reala (dvs. justerade för inflation) dollar. De skuggade områdena visar sin månatliga höga och låga. KPI-värden med en bas från 1982-84 används för att justera för inflationen. Display: Nominella Real Annotations Common Gotchas Här är några problem som Ive ofta stöter på när du använder dygraphs biblioteket. Om ditt diagram inte visar, var noga med att kontrollera JavaScript-felkonsolen i webbläsaren. dygrafier gör varje försök att logga fel och varningar, och dessa kan ofta leda dig i rätt riktning. Se till att dina CSV-filer är läsbara Om din graf inte visas kan XMLHttpRequest för CSV-filen misslyckas. Du kan avgöra om det här är fallet med hjälp av verktyg som Firebug. Se till att dina CSV-filer är i rätt format. De måste vara av formen YYYYMMDD, series1, series2, hellip. Och om du anger egenskapen errorBars, se till att du har alternativa dataserier och standardavvikelser. dygrafier är inte glada när de placeras inuti en ltcentergt-tagg. Detta gäller även för CSS text-align-egenskapen. Om du vill centrera en Dygraph, sätt den inuti ett bord med inriktad centeruppsättning. Ställ inte in datumetWindow-egenskapen till ett datum. Den förväntar sig millisekunder sedan epok, som kan erhållas från ett JavaScript Date-objekt valueOf-metod. Se till att du inte har några kommande kommatecken i ditt samtal till Dygraph-konstruktören eller i alternativparametern. Firefox, Chrome och Safari ignorerar dessa men de kan orsaka att en graf inte visas i Internet Explorer. Vad nästa Om du behöver stödja Internet Explorer, kolla in våra anteckningar på IE. För att få inspiration, kolla på hur diagrammen i vårt galleri byggs.