René's URL Explorer Experiment


Title: Optimize the text measuring of legend items when rendering large amount of traces by hy9be · Pull Request #1586 · plotly/plotly.js · GitHub

Open Graph Title: Optimize the text measuring of legend items when rendering large amount of traces by hy9be · Pull Request #1586 · plotly/plotly.js

X Title: Optimize the text measuring of legend items when rendering large amount of traces by hy9be · Pull Request #1586 · plotly/plotly.js

Description: I open this as a separate PR from #1585, because I am not sure if you guys will be willing to take this one. The logic behind my change here is that if you want to plot reasonable amount of traces, we will give one very precise measuring and layout on legend items. But if you go crazy, we will sacrifice the precision of legend item layout (which probably does not matter anymore in this case) for way much better performance. On my machine, this change reduced the rendering time for 100 traces (200 points per trace) from 1.6 seconds to 1.1 seconds 300 traces (200 points per trace) from 5.7 seconds to 2.8 seconds 500 traces (200 points per trace) from 12.4 seconds to 5.8 seconds

Open Graph Description: I open this as a separate PR from #1585, because I am not sure if you guys will be willing to take this one. The logic behind my change here is that if you want to plot reasonable amount of traces,...

X Description: I open this as a separate PR from #1585, because I am not sure if you guys will be willing to take this one. The logic behind my change here is that if you want to plot reasonable amount of traces,...

Opengraph URL: https://github.com/plotly/plotly.js/pull/1586

X: @github

direct link

Domain: github.com

route-pattern/:user_id/:repository/pull/:id/files(.:format)
route-controllerpull_requests
route-actionfiles
fetch-noncev2:214c413d-e796-7d34-c621-7ba5ac7d62bc
current-catalog-service-hashae870bc5e265a340912cde392f23dad3671a0a881730ffdadd82f2f57d81641b
request-idCC1E:1B5602:472AE9F:5D4B6DB:6A5D6C60
html-safe-nonceadc8e607bae30af115d664bbea5198fa9087bf142ecbb9f5a906eb0cbe7d846a
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDQzFFOjFCNTYwMjo0NzJBRTlGOjVENEI2REI6NkE1RDZDNjAiLCJ2aXNpdG9yX2lkIjoiODY2MDYyNDMyMjM0MzAzODA0OCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmacdc2af00b58f4482b7b65eca7b290a355ae8215a730d269978fa40a06b4ca4105
hovercard-subject-tagpull_request:115437885
github-keyboard-shortcutsrepository,pull-request-list,pull-request-conversation,pull-request-files-changed,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///pull_requests/show/files
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/plotly/plotly.js/pull/1586/files
twitter:imagehttps://avatars.githubusercontent.com/u/3392907?s=400&v=4
twitter:cardsummary_large_image
og:imagehttps://avatars.githubusercontent.com/u/3392907?s=400&v=4
og:image:altI open this as a separate PR from #1585, because I am not sure if you guys will be willing to take this one. The logic behind my change here is that if you want to plot reasonable amount of traces,...
og:site_nameGitHub
og:typeobject
hostnamegithub.com
expected-hostnamegithub.com
None5290d7e14309ad1e76106a9c4237bd1041517e83ea182c8ab756752cb0c6940b
turbo-cache-controlno-preview
diff-viewunified
go-importgithub.com/plotly/plotly.js git https://github.com/plotly/plotly.js.git
octolytics-dimension-user_id5997976
octolytics-dimension-user_loginplotly
octolytics-dimension-repository_id45646037
octolytics-dimension-repository_nwoplotly/plotly.js
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id45646037
octolytics-dimension-repository_network_root_nwoplotly/plotly.js
turbo-body-classeslogged-out env-production page-responsive
disable-turbotrue
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release9c975978430e9ad293956f2bbdaf153b1bd84a99
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/plotly/plotly.js/pull/1586/files#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fplotly%2Fplotly.js%2Fpull%2F1586%2Ffiles
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fplotly%2Fplotly.js%2Fpull%2F1586%2Ffiles
Sign up https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fpull_requests%2Fshow%2Ffiles&source=header-repo&source_repo=plotly%2Fplotly.js
Reloadhttps://github.com/plotly/plotly.js/pull/1586/files
Reloadhttps://github.com/plotly/plotly.js/pull/1586/files
Reloadhttps://github.com/plotly/plotly.js/pull/1586/files
Please reload this pagehttps://github.com/plotly/plotly.js/pull/1586/files
plotly https://github.com/plotly
plotly.jshttps://github.com/plotly/plotly.js
Please reload this pagehttps://github.com/plotly/plotly.js/pull/1586/files
Notifications https://github.com/login?return_to=%2Fplotly%2Fplotly.js
Fork 2k https://github.com/login?return_to=%2Fplotly%2Fplotly.js
Star 18.3k https://github.com/login?return_to=%2Fplotly%2Fplotly.js
Code https://github.com/plotly/plotly.js
Issues 773 https://github.com/plotly/plotly.js/issues
Pull requests 59 https://github.com/plotly/plotly.js/pulls
Actions https://github.com/plotly/plotly.js/actions
Security and quality 0 https://github.com/plotly/plotly.js/security
Insights https://github.com/plotly/plotly.js/pulse
Code https://github.com/plotly/plotly.js
Issues https://github.com/plotly/plotly.js/issues
Pull requests https://github.com/plotly/plotly.js/pulls
Actions https://github.com/plotly/plotly.js/actions
Security and quality https://github.com/plotly/plotly.js/security
Insights https://github.com/plotly/plotly.js/pulse
Sign up for GitHub https://github.com/signup?return_to=%2Fplotly%2Fplotly.js%2Fissues%2Fnew%2Fchoose
terms of servicehttps://docs.github.com/terms
privacy statementhttps://docs.github.com/privacy
Sign inhttps://github.com/login?return_to=%2Fplotly%2Fplotly.js%2Fissues%2Fnew%2Fchoose
hy9behttps://github.com/hy9be
plotly:masterhttps://github.com/plotly/plotly.js/tree/master
hy9be:perf-computetextdimensionshttps://github.com/hy9be/plotly.js/tree/perf-computetextdimensions
Conversation 2 https://github.com/plotly/plotly.js/pull/1586
Commits 2 https://github.com/plotly/plotly.js/pull/1586/commits
Checks 0 https://github.com/plotly/plotly.js/pull/1586/checks
Files changed https://github.com/plotly/plotly.js/pull/1586/files
Please reload this pagehttps://github.com/plotly/plotly.js/pull/1586/files
Optimize the text measuring of legend items when rendering large amount of traces https://github.com/plotly/plotly.js/pull/1586/files#top
Show all changes 2 commits https://github.com/plotly/plotly.js/pull/1586/files
e3e8fb0 Optimize the text measuring logic for large amount of traces hy9be Apr 11, 2017 https://github.com/plotly/plotly.js/pull/1586/commits/e3e8fb0ee99bdb2309f1cd48c0c8a28895fa5269
0fedbd2 Fix JSLint reported error hy9be Apr 11, 2017 https://github.com/plotly/plotly.js/pull/1586/commits/0fedbd2a9a2231713f028cfb14d075da93a6e092
Clear filters https://github.com/plotly/plotly.js/pull/1586/files
Please reload this pagehttps://github.com/plotly/plotly.js/pull/1586/files
Please reload this pagehttps://github.com/plotly/plotly.js/pull/1586/files
src/components/legend/draw.jshttps://github.com/plotly/plotly.js/pull/1586/files#diff-d8edc6534e1e0d8e389e68825f8ecdcdc8a607d22ab022006515ad1077182578
View file https://github.com/hy9be/plotly.js/blob/0fedbd2a9a2231713f028cfb14d075da93a6e092/src/components/legend/draw.js
Open in desktop https://desktop.github.com
https://github.co/hiddenchars
https://github.com/plotly/plotly.js/pull/1586/{{ revealButtonHref }}
https://github.com/plotly/plotly.js/pull/1586/files#diff-d8edc6534e1e0d8e389e68825f8ecdcdc8a607d22ab022006515ad1077182578
https://github.com/plotly/plotly.js/pull/1586/files#diff-d8edc6534e1e0d8e389e68825f8ecdcdc8a607d22ab022006515ad1077182578
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.