Show dtype when mouse over the column name & main menu descriptions

[reza1615]

Showing dtype when the mouse hovers the column name. Now highlight type is perfect but it doesn't have any color legend. In my opinion, the best legend could Mouseover text box.

[reza1615]

Also, the Mouseover tip/help/description for the main menu is not set.

[aschonfeld]

I’ve added data type display on hover of column headers when you’ve turned on “Highlight Dtypes” but i dont think I understand your second comment.

[reza1615]

In the main menu all buttons dont have moreover text. for example when I move mouse over describe it should show some tip description like "describing data columns such as number of unique items, min, max ,..."

[aschonfeld]

@reza1615 if you want to supply me with descriptions for the buttons I'll be more than happy to add mousehovers

[reza1615]

@aschonfeld: please fill free to edit it.

• Describe > "Describe column's values (Top unique values, Min, Max, Sum, STD, Var,...)"
• Filter > "Defining custom Filtering for the main spreadsheet, Charts, ..."
• Build Column > "Creating a/multi new column based on the existing columns or random values"
• Reshape (In my opinion should be Summarizing table) > "Creating new PIVOT table, Aggregated table GroupBy, Transpose"
• Correlations > "Presenting correlations matrix and chart"
• Charts > "Plot chart (liner, scatterplot, bar chart, Pie, Map,...)"
• HeatMap > "Presenting heatmap for numerical values in the main table"
• Highlight Dtypes > "Highlight columns based on pandas dtypes. For dtype's name hover the mouse over column name"
• Instances (In my opinion should be Sheets) > "Show existing data sheets"
• Export > "Download DataFrame as CSV or TSV"
• Refreshing widths > "Auto-Resize the column widths"
• About > "Link to the source code repository, documentation"

[aschonfeld]

@reza1615 this is great! Thank you. Documentation has never been my strong suit so this really helps. I'll get to work adding this and show you a sample...

[aschonfeld]

@reza1615 Took a little longer than I thought, but I was able to add the descriptions. Let me know what you think
https://youtu.be/1kvlzeAfmCE

[reza1615]

That is Great. Thanks.

[reza1615]

shutdown > "Close D-Tale and its instances without save. do you want to export DataFrame?"

[reza1615]

Would you please change css to show the mouseover in the broswer window? check demo.

[aschonfeld]

That doesn't seem to happen to me on the demo site

Did you shrink your browser down super small or something?

Doesn't happen to me when I turn on the dtype highlighting either.

Works for me in Chrome, IE 11 & IE Edge

[reza1615]

hmm I have two monitors and it was on the right side. now i test it on the left monitor and it was ok. Maybe it is a bug which we should report to the plotly.

on the left monitor

[aschonfeld]

I have two monitors and I just tested it on each and both had the same correct behavior 🤷‍♂

Just to be clear this would be a CSS issue not plotly. plotly only controls the "Charts" page. Everything else is using custom ReactJS components. For example:
main grid -> react-virtualized
popups -> react-modal-bootstrap
dropdowns -> react-select (plotly/dash happens to use the same thing)
datetime inputs -> @blueprintjs/datetime
etc...

I'm calling this one closed.

[reza1615]

I use windows 10 is your OS windows?

[aschonfeld]

I am currently on windows 10, but I think the issue might lie with the browser you're using. I've tested it on the following with no issue:

• IE11 (just locally there's a fix I need to deploy to get the grid to render)
• Microsoft Edge 41.16299.1480.0 (just locally there's a fix I need to deploy to get the grid to render)
• Chrome 80.0.3987.149
• Firefox 72.0.2

[reza1615]

It is so strange now it is not producible!!
I tested on producible

• Chrome Version 80.0.3987.149 (Official Build) (64-bit)

Anyway now it works properly. Thanks for your time