Quillo.qweComponents

Tags

#dashboard

42 components tagged dashboard. Narrow them down with a search or more tags.

Data 6

KpiCardA number with its label, the change since last period coloured by whether that is good, and a small trend as a line or bars.datadashboardcardchartno-js7 views · 7 downloadsMetricTrendA value with an up or down arrow and its change, coloured by whether the move is good; it can work the percentage out.datadashboardno-js7 views · 6 downloadsProgressListItems each with a label, a bar and its value or percentage, marked in red when one goes over its limit.dataprogresslistdashboardno-js6 views · 4 downloadsScorecardA score out of a maximum as a filled ring, with a letter grade, a verdict and the parts it is made of.datadashboardchartprogressno-js8 views · 5 downloadsStatA KPI tile: a label, a value, how it changed (coloured by whether that is good), and a tiny trend line.datadashboardno-js6 views · 5 downloadsStatGroupSeveral numbers that matter in one bordered row, each with its change coloured by whether that is good.datadashboardno-js7 views · 7 downloads

Charts 16

AreaChartFilled areas for one or more series, overlapping or stacked into a total, with a hover crosshair listing every value.chartdatadashboardno-js6 views · 8 downloadsBulletChartMeasures as thin bars against a target mark over grey bands from poor to good, a row each, with the band named on hover.chartdatadashboardno-js5 views · 7 downloadsComboChartBars on a left axis and lines on a right axis over the same labels, for two measures of different size, with every value on hover.chartdatadashboardno-js6 views · 6 downloadsFunnelChartStages of a process narrowing like a funnel, each with its count and share of the first, and the share that went on between them.chartdatadashboardno-js5 views · 7 downloadsGaugeChartA half-circle dial of good, warning and bad bands with a needle at the value, and the value and its band's name under it.chartdatadashboardno-js6 views · 7 downloadsGroupedBarChartA bar per series side by side for each label, below zero too, with the group's values on hover and the bar under the pointer picked out.chartdatadashboardno-js6 views · 4 downloadsHorizontalBarChartBars across with the labels down the side, sorted if asked, one picked out, values at their ends and on hover.chartdatadashboardno-js6 views · 6 downloadsMarketHeatmapA treemap of stocks sized by market value and coloured by their change, grouped by sector, with each one's details on hover.chartdatatradingdashboardno-js6 views · 7 downloadsParetoChartCauses as bars sorted largest first with the running share as a line on a 0 to 100% axis, and the few that reach 80% picked out.chartdatadashboardno-js7 views · 7 downloadsPnlChartProfit and loss per day as green and red bars, with the running total and its drawdowns shaded, and the key figures above.chartdatatradingdashboardno-js6 views · 6 downloadsRadialBarChartBars bent into rings around a centre, each as long as its value against a limit, with a legend that picks a ring out on hover.chartdatadashboardno-js6 views · 5 downloadsRealtimeChartA live line that scrolls as values come, a window of the last N, with the latest value, its change and a pause.chartdatadashboardinteractive6 views · 6 downloadsSmallMultiplesThe same small line, area or bar chart for each group in a grid, on one shared scale, with each value on hover.chartdatagriddashboardno-js6 views · 5 downloadsStackedBarChartBars of parts piled up to a total, or each scaled to 100% to compare shares, with the parts and total on hover.chartdatadashboardno-js5 views · 6 downloadsStockChartA full trading chart: candles, line or area, volume, range buttons, a crosshair with the OHLC readout, wheel zoom and drag pan, indicators and RSI and MACD panes.chartdatatradingdashboardinteractivekeyboard6 views · 6 downloadsWaterfallChartA start value, its rises and falls as floating bars joined by steps, subtotals and an end total, with the running total on hover.chartdatadashboardno-js7 views · 7 downloads

Commerce 1

SubscriptionCardThe plan someone is on: price, status, renewal date, usage bars and the links to manage, change or cancel it.commercepricecardsettingsdashboardno-js6 views · 6 downloads

Finance 4

AccountCardA bank account at a glance: type, nickname, masked number, current and available balance, what is on hold, and quick actions.financebankingcarddashboardno-js8 views · 7 downloadsCreditScoreA credit score on a gauge of its bands from poor to excellent, the band it falls in, the change since the last report and the factors that move it.financeloanschartdashboardno-js7 views · 8 downloadsCurrencyStrengthThe relative strength of the major currencies as bars, strongest first, given or worked out from pairs' changes.financeforexchartdashboardno-js7 views · 7 downloadsLoanCommitteeQueueLoan applications before the credit committee: member, amount, purpose, the votes so far, where each stands, and approve or decline per row.financecooploanstabledashboardno-js7 views · 10 downloads

Blogging 1

PostStatsHow a post is doing, for its author: views, reads, read ratio and reading time against the period before, a bar a day, where readers came from.bloggingdashboardchartanalyticsno-js8 views · 6 downloads

Dashboard 13

ApiKeyFieldA secret shown masked in a read-only field, with Show and Copy buttons and a hidden input for forms.dashboardsecuritysettingsformsinputinteractive5 views · 6 downloadsDangerZoneA red-bordered block of destructive actions (DangerAction), each a form, link or callback that asks before it acts.dashboardsettingssecuritybuttonformsno-js6 views · 8 downloadsDashboardGridWidgets on a twelve-column grid, each spanning columns and rows (DashboardCell), stacking on a phone.dashboardlayoutgridno-js7 views · 9 downloadsOnboardingChecklistSteps to finish setting up, with a progress bar, a tick on each done and a link to where the rest get done.dashboardprogresslistformsuserinteractive7 views · 5 downloadsPermissionsMatrixRoles across, permissions down, a checkbox at each: a form sends the pairs ticked, a column box ticks a whole role.dashboardadminsecurityformstableinteractive6 views · 6 downloadsQuickActionsA grid of big icon buttons for the common actions: links, submit buttons in a form, or on_select.dashboardbuttongridnavigationformsno-js6 views · 5 downloadsQuotaBarSeveral quotas in one list, each a bar with its numbers, amber near its limit and red at it.dashboardprogressstatuslistno-js7 views · 6 downloadsServerStatusServices with up, degraded, down or maintenance, their uptime and the last days as bars, summed up in one line.dashboardstatusadminlistno-js6 views · 6 downloadsSessionListSigned-in devices with browser, system, place and time, this one marked, and Sign out for each or all the others.dashboardsecuritysettingslistuserinteractive6 views · 5 downloadsSettingsSectionA titled block of settings rows, each a label and hint with its control at the right (SettingsRow).dashboardsettingsformslayoutlistno-js5 views · 5 downloadsTokenListAPI tokens with name, prefix, created, last used, scopes and expiry, and a Revoke that asks first.dashboardsecuritysettingstableadmininteractive6 views · 8 downloadsUsageMeterUsed of allowed as a bar with the numbers, amber near the limit, red at it, and plain when there is no limit.dashboardprogressstatusdatano-js6 views · 7 downloadsWidgetA dashboard panel: a title row with a menu slot, the body, and a footer line or link, as a named region.dashboardcardlayoutsectionno-js7 views · 6 downloads

Mobile 1

WidgetGridA home screen of tiles of different sizes, rearranged by long press, with a keyboard and button route, and kept as a list of data.mobileinteractivedashboardgesturedragtablet3 views · 6 downloads

Other tags

interactive504no-js370mobile211forms176tablet151data128smart100list84chart80commerce68input64navigation63layout59card57finance52gesture48media44dashboard42text39button38feedback38keyboard37social37marketing36table34typography32search31status31user31document30image28picker28link26page26time26banking25calendar24overlay24select24progress23trading22calculator21schedule21travel20grid19settings19menu18news18security18utility18offline17price17blogging16dialog16sheet16swipe15accessibility14drag14notification14tabs14upload14chat13checkout13filter13popover13file12loans12section12audio11loading11profile11coop10forex10icon10code9article8camera8developer8flights8form8print8record8validation8comment7location7onboarding7pricing7video7cart6json6theme6animation5barcode5field5health5keypad5map5planning5qr5scroll5sort5admin4analytics4clock4dates4editor4feed4header4live4notes4parser4photo4player4seo4share4statistics4subscription4toast4analysis3banner3billing3budget3checklist3compare3date3election3games3gloves3gps3haptics3monitoring3number3panes3payment3pen3rotation3sensor3sync3tasks3timeline3timer3toolbar3tracking3undo3units3update3url3voice3wheel3wizard3writing3alerts2balance2capacity2cards2colour2columns2csv2currency2dedupe2device2discount2draft2drawing2education2email2experiment2feeds2files2forecast2fuzzy2help2history2hotels2links2long-press2meetings2merge2messages2money2motion2network2otp2panel2payments2permission2permissions2photos2pin2pinch2query2questions2quiz2rating2reactions2refresh2reorder2report2responsive2retry2scanner2selection2shipping2sign-in2slider2split2stock2storage2store2stories2summary2svg2tax2ticket2till2timezone2tracker2transfer2version2wallet2zoom2accordion1activities1ads1agenda1aggregate1agile1alert1amount1annotate1anomaly1api1app-shell1approval1archive1assessment1audit1autosave1availability1back1backlog1backtest1badge1bank1bar1battery1bibliography1bill1bills1book1bracket1branching1browser1builder1bulk1bundle1business1buy1byline1campaign1carousel1cars1cash1change1changes1check1chips1citation1cleaning1clipboard1cloud1cohort1combobox1comments1compass1conditional1configurator1confirm1conflicts1contact1context-menu1contrast1conversion1converter1cooking1copy1cost1coupon1cron1curl1dark-mode1deadline1debt1decimal1decision1decode1delivery1dependencies1design1detents1diff1disclosure1documents1downloads1dst1duplicates1edit1emoji1empty1encoding1entropy1envelopes1error1event1expenses1explorer1export1fab1faq1fashion1first-run1fit1fixtures1flashcards1flashlight1flesch1floor-plan1formatter1formula1frame1fullscreen1funnel1gallery1game1generator1geofence1goals1grades1grammar1group1groups1guard1handwriting1haptic1heading1headline1heatmap1hours1http1i18n1iban1import1income1indicator1inference1insights1interest1invoice1ios1isbn1job1jsonpath1jwt1kanban1keywords1kiosk1league1learning1level1like1lint1loan1localization1lock1logs1lyrics1mail1margin1markdown1markup1master-detail1matching1memory1mention1modal1mortgage1music1natural1notch1notice1notifications1options1order1orientation1outlier1overflow1overtime1packing1pagination1passcode1password1paste1pattern1payoff1payroll1paywall1people1plans1podcast1pointer1policy1poll1power1preview1profiling1projects1properties1publishing1quality1queue1rail1ranked1ranking1readability1reader1receipt1recipe1recommendations1records1reference1refinance1regex1register1regression1reliability1reload1reply1resize1resources1restaurant1resume1retention1revision1rewards1rings1risk1roles1roster1rota1rules1salary1save-data1savings1schema1screen1seats1seeds1seek1series1shake1shortcuts1sidebar1signature1signup1sizing1slo1slug1splash1sports1spotlight1spreadsheet1sql1stack1staff1standings1startup1status-bar1stepper1steps1sticky1streaks1study1style1subscribe1subtotals1support1survey1switch1tags1team1teams1temperature1template1time-zones1tip1tldr1toggle1torch1tour1tournament1transit1translation1tree1trend1tutorial1typo1unread1unsaved1username1validate1vibrate1viewer1virtual1visualisation1vote1voting1wake-lock1warehouse1waveform1wcag1weather1weight1weights1widget1world1