Can I replace values with TEXT ICONS in dbc.Card

[yogi_dhiman]

I have a dictionary with values [-1,0,1]

How can I replace values with icons ( symbols ) in dbc.card like the following
Not specific to these icons but can be any that generates from TEXT ICONS ( not images )

Font Awesome Hand Icons

[AIMPED]

HI @yogi_dhiman ,

this might be interesting:

How can I add an input that is selected by a click

haha - this is a lot of fun! I was trying to think of an example for pattern matching callback for the Dash Example Index and this topic inspired me. By using pattern matching callbacks, you can avoid having 52 inputs in the callback. I’ll probably turn this into some type of simple game for the Example Index, but in the meantime, here’s my version: [card_game] import random from dash import Dash, html, Input, Output, ALL, ctx import dash_bootstrap_components as dbc from dash_iconify import…

[yogi_dhiman]

Very Interesting AIMPED … Can i get something like the following too ???

I have a class of Movies ( & want to display add on features it carry Rating ( A+) , Trend ( UP)
may be would like to add or change display features per requirement maybe Price ($30) … Is it possible to create Icon like this

[AnnMarieW]

Hi @yogi_dhiman

You might find this post helpful:

UI-Components: Cards with embedded charts (and other cool cards)

Ok, Here’s another example. I hope it qualifies as a “cool card” It’s common to display KPIs in a group of cards. This app creates the cards in a loop. It’s styled dynamically based on the data using Bootstrap Utility classes and icons. It’s updated with “live data” every 10 seconds (to stay within the API’s free tier [image] import dash from dash import Dash, dcc, html, Input, Output import dash_bootstrap_components as dbc import requests app = Dash(__name__, external_sty…

[AIMPED]

Hi @nakaru87 welcome to the forums.

I don`t see, how this is related @yogi_dhiman’s question. If you require help with your code, plase start a new topic.

Please have a read here also:

How to Get your Questions Answered on the Plotly Forum

Your Plotly community members answer a great majority of the questions posted on the forum. However, responders’ time is limited. To greatly increase your chances of getting your post answered, your questions need to be easy to read and easy to reply to . This post will illustrate exactly how to do that. TL;DR: jump to section WHILE POSTING. BEFORE POSTING: Often, strange or problematic behaviour has been fixed in the most recent version of dash or of plotly so always ensure you’re using th…

[yogi_dhiman]

Hi Ann

https://iconify.design/

Any other source of icons I can use with iconify ; I am looking for some financial icons

[AnnMarieW]

@yogi_dhiman

https://iconify.design/ has the largest free open source icon set I know of.

There are others, including paid versions - like Font Awesome Pro with more icons. You can add icons by including the stylesheet in your app. For example:

fontawseome = "https://use.fontawesome.com/releases/v6.1.1/css/all.css"

app = Dash(__name__, external_stylesheet=[fontawesome]

[snehilvj]

@yogi_dhiman May I know which type of icons you are looking for and cannot find in iconify?

[yogi_dhiman]

hmm… okay lets say
signs of
bull market , bearish market , single candle stick , buy a stock , sell a stock etc

please check following images

Trade Stock Market Vector PNG Images, Stock Market Trading Icons Set, Icons...

https://www.dreamstime.com/stock-images-stock-market-symbol-line-icon-set-white-background-vector-illustration-image32999184

In short a library that’s dedicated to Stock Market Jargon ( searching this in site just give few icons )

[yogi_dhiman]

Is it possible to use iconify icons on scatter plot instead of symbols ?