I just launched iSVGEditor.com, a simple tool for editing SVG icons, especially for non-designers like me.
As someone who frequently works with SVGs in my web projects, I often want to tweak things like colors or shapes. While these changes can sometimes be done with CSS, I decided to build my own editor to make the process easier and more intuitive.
This is the first step in a larger project I'm working on, and I’d love to hear your thoughts or suggestions as I continue to improve it.
Check it out at iSVGEditor.com, and feel free to share any feedback!
Sorry this was intensionally, I couldn't find a way to show the graph in mobile so I just hide the div. I will add a tab or a button to switch between the json and the graph.
I’ve been working on JSONtr.ee, a web platform for visualizing and graphing JSON data. While building it, I ended up creating my own lightweight JavaScript library to help anyone convert a JSON file into a schema graph.
Before creating this library, I used MermaidJS, but I ran into significant limitations, especially with large and deeply nested JSON objects. My library was built to handle these cases better and to offer more flexibility for customization. After solving my own problem, I decided to make it available for free to anyone who might find it useful.
Key features:
Transforms JSON into schema graphs.
Handles large and complex JSON objects seamlessly.
Built with simplicity in mind – dependency-free and easy to integrate.
Why I made this:
While working with APIs and large webhook payloads, I struggled to understand nested structures using standard tools. This library makes it easier to visualize the data as a graph and explore it interactively.
I’d love to hear your feedback, suggestions, or any ideas for improvement.
The example on the site is a very simple JSON object that doesn't demonstrate JSONtr.ee's potential at all.
To showcase it better, I'd like to see more complex objects on the initial reveal, so I don't have to go and find & format a JSON object just to see if the app/library is worth using yet!
You're absolutely right! Thank you for pointing that out. I've updated the initial JSON example to include a more complex and realistic object that better showcases
I could definitely see using this, but don't think it solves anything for me right now.
I think if the diagrams didn't require horizontal panning, and/or supported interactive collapsing, it would be more effective. As it stands, the text view on the left side of the screen is actually easier to parse at a glance than the tree.
Generally, vertical scrolling is more natural for reading this kind of data, and also works better on mobile.
So a first guess of an improvement is something like: the tree diagram generally grows flat & vertical, with horizontal panning (or a manual "expand" click) reserved for deeply nested objects.
I like it, one piece of feedback I have is - the export to PNG button, I wasn't expecting it to be a screenshot of the JSON, I thought it would be the graph; at least to me that would make more sense... paste JSON, see graph, export image of graph. What do you think.
Hey HN, I created JSONtree (JSONtr.ee) to validate, format, and visualize JSON data.
As a developer, I often struggled with making raw JSON more readable and debugging complex structures. While tools like JSONLint are great, I noticed it breaks when dealing with JSON containing single quotes, which led me to create JSONtree. It offers:
Automatic formatting and beautification of JSON.
Interactive tree diagram generation for better visualization.
I'd love your feedback on how it could be improved or what features you'd like to see. Thanks for checking it out!
Hey HN,
I created PixSpeed to optimize images for my own websites. While tools like TinyPNG are fantastic, I wanted a more custom solution. PixSpeed compresses PNG, JPEG, and WebP images efficiently, helping to improve site loading times without compromising quality.
I've been using it myself and hope it can be useful for others as well.
The tool is completely free.
I'd love to get feedback on what could make PixSpeed even better.
Thanks!
Long term, how do you intend to sustain the service if users become dependent on it and need to use it at scale?
How do you intend to maintain reliability and uptime for users whose business depends on access to the service?
What happens to users if/when you lose interest/ability to continue the project?
Don't get me wrong, you don't owe other people anything. On the other hand, free is often a way of avoiding really hard (and very interesting) engineering problems. People are the hard part of engineering.
I'm considering offering some additional features as paid options. Currently, the system only optimizes images from the URL you provide, but one potential premium feature could be to allow the system to crawl all internal pages of a website, optimizing images across the entire site. This would make it easier for users who want to optimize all their content by simply submitting the homepage URL.
However, this is a double-edged sword: I might encounter sites with a large number of internal pages, which would complicate the resources needed to provide an efficient and sustainable service.
Another option I've thought about is offering a CDN service to directly serve optimized images, improving performance without the need for users to manually download and upload images. It does become more complex when charging users, as reliability, support, and infrastructure take on a much greater role.
"All images are deleted after 1 hour" - so they're using a server and it's a valid ask.
My question is - why does this require a server?
Write it in something that compiles to LLVM / WASM and just make a static page. Infinitely scalable and just pay for the domain (and CDN provider if applicable) both likely nominal cost.
ImageMagick in Wasm lets you do lots of nifty stuff client-side. Here's a photocopy simulation thingie I made for instance: https://photocopy.fuglede.dk/
It can pull images from a domain.
That would be difficult (since for client-side rendered sites it would require loading the site in a sandboxed environment) or impossible (if the site actively prevents that using CORS or similar, or if it happens to include scripts which expect to be run in a normal environment).
There is also the ability to run things like Playwright on the edge a la Cloudflare Workers. You can fallback to rendering JS required sites through that and do clientside imagemagick WASM shenanigans on the client once the worker returns direct links to all the images.
Yup totally fair - would likely require you upload the images manually for pure client-side.
You might still be able to offset a portion of the compute by just figuring out the URLs of the images on the back-end, sending that list to the client, which would then download and do the optimization / resizing.
I look forward to your version of this service, also to be provided for free, right? And for your sake, hopefully you won't have people in the comments demanding that you completely redo your project in the special way that suits them.
> Long term, how do you intend to sustain the service if users become dependent on it and need to use it at scale? ...
Is what I was responding to. Wasn't criticizing the posted product implementation choices or demanding a rewrite. I see how it could be read that way, which is unfortunate.
Parent comment asked a number of questions that all suggested a server was a requirement. If scale becomes any issue for a service like this, there are approaches other than shutting down the service due to server / maintenance costs.
> By clicking the Submit button you automatically accept our policies. Please take a momento to read them.
You can make it easier for your users to read the policies if "policies" is a link to your policies. Also, I think you mean "moment to" instead of "momento."
Awesome stuff, would love if there were a total tally at the bottom that indicated the before and after size and percent difference! E.g. before: 10MB, after: 2MB, change: -80%
I could use this for my project but most of my videos don't have any dialogue or voice overs. It would be perfect if it described the actual (visual) video content.
I just launched iSVGEditor.com, a simple tool for editing SVG icons, especially for non-designers like me.
As someone who frequently works with SVGs in my web projects, I often want to tweak things like colors or shapes. While these changes can sometimes be done with CSS, I decided to build my own editor to make the process easier and more intuitive.
This is the first step in a larger project I'm working on, and I’d love to hear your thoughts or suggestions as I continue to improve it.
Check it out at iSVGEditor.com, and feel free to share any feedback!