https://github.com/spencermountain/somehow-circle

an easy way to make radial infographics
https://github.com/spencermountain/somehow-circle

Last synced: 21 days ago
JSON representation

an easy way to make radial infographics

• Host: GitHub
• URL: https://github.com/spencermountain/somehow-circle
• Owner: spencermountain
• Created: 2019-10-02T13:02:43.000Z (about 5 years ago)
• Default Branch: gh-pages
• Last Pushed: 2023-03-02T00:57:31.000Z (over 1 year ago)
• Last Synced: 2024-09-19T03:14:52.540Z (about 2 months ago)
• Language: JavaScript
• Homepage: https://spencermounta.in/somehow-circle/
• Size: 542 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
somehow-circle

  

  
— part of somehow —

  
WIP svelte infographics

  


    

      by

      Spencer Kelly 

    

  





  

    

  





**work in progress**

a **svelte** component to draw circular infographics.

`npm i somehow-circle`

```html

  import { Round, Arc, Circle, Line, Label } from 'somehow-circle'

  

  

  

  

  

```

![image](https://user-images.githubusercontent.com/399657/92408329-2bccd580-f10b-11ea-80f2-774d41cb5daf.png)

a Svelte component that has two automatically-resizing scales - a round one, and a radial one.

This lets you easily plot data into a pie-chart-like form, and automatically fit the scales to the data, and responsively fit the graph to the page.

the svg will resize responsively to fit your container.

work-in-progress!

### See also

- [somehow-input](https://github.com/spencermountain/somehow-input)

- [somehow-ticks](https://github.com/spencermountain/somehow-ticks)

- [somehow-calendar](https://github.com/spencermountain/somehow-calendar)

- [somehow-maps](https://github.com/spencermountain/somehow-maps)

MIT