Skip to content

feat: marker scale#348

Merged
gka merged 3 commits intomainfrom
feat/line-marker-scale
Feb 8, 2026
Merged

feat: marker scale#348
gka merged 3 commits intomainfrom
feat/line-marker-scale

Conversation

@gka
Copy link
Copy Markdown
Contributor

@gka gka commented Feb 7, 2026

resolves #321

This pull request introduces a new markerScale property for line and link marks, allowing users to control the size of markers relative to the line stroke width. The changes include updates to the marker rendering logic, documentation, and tests to support and demonstrate this new feature.

Marker scaling feature:

  • Added markerScale property to Line, Link, and marker-related components and types, allowing customization of marker size relative to stroke width. (src/lib/marks/Line.svelte, src/lib/marks/Link.svelte, src/lib/marks/helpers/Marker.svelte, src/lib/marks/helpers/MarkerPath.svelte, src/lib/types/index.ts, [1] [2] [3] [4] [5]
  • Updated marker rendering logic to apply the markerScale factor to marker width, height, and stroke width, ensuring accurate scaling.

Documentation updates:

  • Documented the new markerScale property in both API and feature documentation, including usage examples and explanations. (src/routes/api/marks/+page.md, src/routes/features/markers/+page.md, [1] [2] [3]

Testing improvements:

  • Added and updated tests for both line and link marks to verify correct marker scaling behavior with different values of markerScale. (src/tests/line.test.svelte.ts, src/tests/link.test.svelte, src/tests/link.test.svelte.ts, [1] [2] [3]

UI enhancements:

  • Added a slider UI control in the marker feature demo to allow users to adjust markerScale interactively. (src/routes/features/markers/+page.md, [1] [2] [3]

These changes make marker customization more flexible and improve both the developer and user experience when working with line and link marks.

@netlify
Copy link
Copy Markdown

netlify bot commented Feb 7, 2026

Deploy Preview for svelteplot ready!

Name Link
🔨 Latest commit ab4e328
🔍 Latest deploy log https://app.netlify.com/projects/svelteplot/deploys/69888979bd81bb0009d3bfef
😎 Deploy Preview https://deploy-preview-348--svelteplot.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 project configuration.

Copy link
Copy Markdown

@chatgpt-codex-connector chatgpt-codex-connector bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: eda9a94e53

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment thread src/lib/marks/helpers/Marker.svelte Outdated
@github-actions
Copy link
Copy Markdown

github-actions bot commented Feb 8, 2026

TypeScript error report:

  • This branch: 856
  • main branch: 1115
  • Difference (PR - main): -259 🎉

Svelte TypeScript error report:

  • This branch: 2159
  • main branch: 2157
  • Difference (PR - main): +2 ⚠️

@gka gka merged commit 13033c6 into main Feb 8, 2026
7 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Add markerScale setting to Line mark

1 participant