Skip to content

Add Axis style templates #14

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
kMutagene opened this issue Jan 15, 2019 · 3 comments
Closed

Add Axis style templates #14

kMutagene opened this issue Jan 15, 2019 · 3 comments
Assignees
Labels
Area: MissingAbstraction Plotly.js functionality that has to be implemented Type: Enhancement
Milestone

Comments

@kMutagene
Copy link
Collaborator

A huge chunk of styling the charts is applying styles to the axes. While depending on personal preferences, this is more or less the same process every time for the respective chart types. Adding a few templates can greatly reduce bulk styling work done on axes.

@kMutagene
Copy link
Collaborator Author

related : #30

@kMutagene kMutagene added this to the Backlog milestone Jun 15, 2020
@kMutagene kMutagene added Area: MissingAbstraction Plotly.js functionality that has to be implemented Type: Enhancement and removed FeatureRequest labels Jun 15, 2020
@kMutagene kMutagene modified the milestones: Backlog, 2.0 Dec 10, 2020
@kMutagene
Copy link
Collaborator Author

This issue seems a little more important now that interactive notebook development will most likely take place in VSCode, where many people use dark themes that make the standard plot style seem very out of place:

image

I would suggest introducing a Chart.withTheme extension that is part of a seperate theme module. I will have a go at this.

@kMutagene kMutagene mentioned this issue Dec 10, 2020
13 tasks
@kMutagene
Copy link
Collaborator Author

I implemented chart templates using the templating engine that plotly.js is using internally. It is basically an object containing a layout and data(trace array) that will apply the style properties to the plots via the Chart.withTemplate function. Presets are available in the ChartTemplates module. Here is an example that shows darkmode usage in a dotnet interactive notebook in vscode:

image

bvenn pushed a commit to bvenn/Plotly.NET that referenced this issue Mar 19, 2021
add transparent axis templates
plotly#14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Area: MissingAbstraction Plotly.js functionality that has to be implemented Type: Enhancement
Projects
None yet
Development

No branches or pull requests

1 participant