snorpey / circlepacker Goto Github PK

I was curious how difficult it would be to disable the centering behavior of the circle packing algorithm. The reason for this is that I am somewhat misusing this library, not for packing, but for making sure objects don't overlap in 3D printing application. I notice there is a function to "setCenteringPasses(number)" but that the argument is documented as requiring a number equal to at least one. Would it be possible to allow that to be zero, in which case, only overlapping circles would be moved to not overlap, while others would remain where they are? I have not tried to set this to zero to see whether the behavior already exists.

I'm using the library through npm, with TypeScript, and I'm having a little hard time importing and using it in my code.

I have tried below with VS Code, TypeScript 4 and 5. Also tried in plain node project, and SvelteKit project I'm currently working on.

// Suggested by LSP, doesn't work
import { CirclePacker } from 'CirclePacker';
// Suggested by LSP, doesn't work
import type PackedCircle from 'PackedCircle';

// LSP doesn't recognize "circlepacker"
import { CirclePacker } from "circlepacker";

Thank you!

I am using circlepacker in my project and it would be great if there was a way to lock certain circles in place, so that those circles remained stationary, but the other circles would position themselves around the locked circles.

In stopLoop you have this.updateListeners( 'moveend' ); but that method takes an object with properties.

This causes the moveend listeners to never be called.

I'm trying to find a circle packing solution to use with ChartJS - which has a handy Bubble chart which takes x,y, and radius, but doesn't have a packing/treemap type solution.

really like this library as it handles a center of gravity which I think is a really elegant way to make layouts look nice, but doing some quick testing with the static sample (before even using it to feed into ChartJS) I notice adding circles it starts to visually overlap. Is it possible to configure it to apply a scale factor to all the radii to avoid overlap while ensuring fit into the bounds? Alternative would be to get a flag in the returned packer object to alert to their being overlaps and I could rescale the radii and re-run

In my specific scenario I'd know all the radii to start with, and happy to wait for a few passes of the calcs before rendering the chart

(of course my ideal dream would be to have this packing algo implemented as a ChartJS chart type that I just give a list of 'raw' radii to and it calculates the x,y, and scaled-radii by magic!)

🚨 You need to enable Continuous Integration on Greenkeeper branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet.
We recommend using:

• CircleCI
• Travis CI
• Buildkite
• CodeShip
• Azure Pipelines
• TeamCity
• Buddy
• AppVeyor
  But Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please click the 'fix repo' button on account.greenkeeper.io.

Hey there!

I notice you mentioned it executes in a webworker. Is there a mode to support functionality outside of a browser-based worker and execute the algoritm via Node.js for instance? On the server-side, the execution of the process doesn't need to be async (and if it does, we can kick off another process to do this).

Hello there, and thanks for this nifty little package!

I’m playing around with your lib and I’m really enjoying its simplicity and small size. I’m even considering using it for a small dataviz! However, as far as I can tell, there’s currently no way to modify a circle’s radius after it’s been pushed to the packer. This would be a really useful feature to show data changes and to add a little animation if needed!

Thanks again! 👍

I noticed that calling setTarget repeatedly (with different x, y values) causes the animation loop to stop prematurely. The stopLoop method seems to be called too early.

Calling updateLoop or startLoop when this happens moves the circles one frame in the right 'direction' before calling stopLoop again prematurely.

Hope this description is enough to locate the bug. If not I will supply a bug demo.

Thank you!