hatemhosny / racing-bars

Bar chart race made easy 🎉
https://racing-bars.hatemhosny.dev/
MIT License
75 stars 4 forks source link

Website options editor #195

Closed hatemhosny closed 2 months ago

hatemhosny commented 2 months ago

What kind of change does this PR introduce?

feature

What is the new behavior (if this is a feature change)?

This PR adds to the chart in the website homepage a GUI options editor.

Also the sidebar can be hidden.

The chart now resizes on resizing the container element, not just on resizing the window.

netlify[bot] commented 2 months ago

Deploy Preview for racingbars ready!

Name Link
Latest commit 3d2fd00e2dfed8467426ddf0ef1bac0bef2dbe07
Latest deploy log https://app.netlify.com/sites/racingbars/deploys/66da36ccf8144200081f53bb
Deploy Preview https://deploy-preview-195--racingbars.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

cloudflare-workers-and-pages[bot] commented 2 months ago

Deploying racing-bars with  Cloudflare Pages  Cloudflare Pages

Latest commit: 3d2fd00
Status: ✅  Deploy successful!
Preview URL: https://b0d090b7.racing-bars.pages.dev
Branch Preview URL: https://website-options-editor.racing-bars.pages.dev

View logs

sonarcloud[bot] commented 2 months ago

Quality Gate Passed Quality Gate passed

Issues
1 New issue
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

github-actions[bot] commented 2 months ago

LiveCodes Preview in LiveCodes

Latest commit: 3d2fd00e2dfed8467426ddf0ef1bac0bef2dbe07
Last updated: Sep 5, 2024 10:55pm (UTC)

Playground Link
JavaScript (ESM) https://livecodes.io?x=code/N4IgLglmA2CmIC4QCkCGA3...
JavaScript (UMD) https://livecodes.io?x=code/N4IgLglmA2CmIC4QCkCGA3...
React https://livecodes.io?x=code/N4IgLglmA2CmIC4QCVYEMD...
Svelte https://livecodes.io?x=code/N4IgLglmA2CmIC4QGUButp...
TypeScript https://livecodes.io?x=code/N4IgLglmA2CmIC4QBUCeAH...
Vue https://livecodes.io?x=code/N4IgLglmA2CmIC4QDUCu8A...

See documentations for usage instructions.