[Userscript] Torn Treemap

Torn Treemap is out now!


[image: usercontent.irccloud-cdn.com]

What is Torn Treemap?
Torn Treemap adds a graph (called a treemap lol) to your items page that breaks down your inventory by total value of items used, as shown above.

Why should I use it?
Good question! I developed Torn Treemap to help me figure out which items were most valuable in my crowded inventory, to sell off for funds. It will be useful to you as well for that reason.

Isn't it very big?
Torn Treemap resizes with the width of your items page, and can be hidden from view when you don't need it. Simple!

How do I use it?

• Ensure that you have Greasemonkey installed.

• Navigate to https://gist.github.com/selwynsimsek/2cecf8cbe5fe32f17eebe2d341a9acfa and click 'Raw' on the top right hand corner.

[image: usercontent.irccloud-cdn.com]

• A dialog to install the script should appear.
• After you install the script using Greasemonkey, Torn Treemap will be ready to use.
• On first use, you will be prompted for your API key - make sure you have this handy.

Why isn't Torn Treemap available on Greasy Fork?
Good question! Torn Treemap relies on a graph plotting library, called D3, that Greasy Fork does not allow their uploaded scripts to use. For this reason, Torn Treemap is hosted on Github for the moment. In general, you should not install scripts without knowing what they do. Torn Treemap's source code is available for inspection so you know what you are getting.

Is Torn Treemap compatible with Tampermonkey or other userscript managers?
Torn Treemap should be compatible with other userscript managers, but it has not been tested yet. It is possible that some issues exist with different managers. If you can, use Greasemonkey for best results since this is what Torn Treemap has been developed for.

Enjoy! Comments, suggestions and feedback welcome.

This is an absolute work of art R+

The Pence has spoken ! upvotes needed.

Tested and working in tampermonkey. Using direct code into "new script" on tamper monkey and works a charm.

excellent [ edited from very good]

it doesn't work :((

Whats the issue Tuna ? also where are you trying to use it

its not working for me either, the treemap dropdown shows, but nothing is visible

What Browser are you using and what script manager ?

im using chrome on this pc were i tried the script using tampermonkey 4.11

works for me but i used code direct into tamper monkey.

what process did you use to install the script ?

the scrripts showing errors and are still blaank...

https://prnt.sc/1003zjs

Tried manuel

https://prnt.sc/100404p

https://prnt.sc/10040w9

thanks for that ranger. ill go through it today with selwyn and take a look and try replicate any issues.

Hi R4NG3R85, thanks for your patience.

We think that the graph is blank because Torn Treemap has not stored your API key correctly, either because it wasn't entered correctly or because of some other issue.

At the moment, Torn Treemap can't tell whether it has a working API key, so it gives a blank graph if it doesn't have one. We are planning an update to solve this.

But for the moment, you can fix the problem by doing one of the following things:

• Uninstall Torn Treemap using Tampermonkey and then reinstall it, making sure you put the correct API key when prompted.

• If you don't mind editing the script, then replace line 305

  let apiKey = await GM.getValue('apiKey', 0);
  

with

let apiKey = "your-api-key-here"

substituting your API key as appropriate.

Either of these things should work, if there is still a problem please post here and we will sort out the issue.

Thanks for trying out Torn Treemap

I found an error in your script. for your names. you have "Cars" instead of "Car"

names = ["Book", "Energy Drink", "Booster", "Alcohol", "Artifact", "Melee", "Flower",
"Enhancer", "Medical", "Jewelry", "Virus", "Temporary", "Special", "Clothing",
"Secondary", "Drug", "Supply Pack", "Plushie", "Defensive", "Electronic", "Primary",
"Candy", "Other", "Cars", "Collectibles"
]

Good spot! Thanks for informing us. This will be fixed in an upcoming release.

DA DA DA DAAAAAA :D That did the trick guys..

Thanks alot for the super troubleshooting you have provided

https://prnt.sc/108phjp

Happy to help R4NG3R85!

Tried to generate random colors per page load, to help grasp the item categories.
https://www.codepile.net/pile/Ov09RnX2

This include the following as well:

• fix for the car string issue
• displaying market price alongside count of items
• some minor code refactoring.

Hope you like it.

Thanks demon much appreicated !