Hacker Newsnew | past | comments | ask | show | jobs | submit | lou_alcala's commentslogin

Hi HN!

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!


Thanks for letting me know this. I will fix asap


Hi, I used for debug raw json from webhooks


Thanks for letting me know this, I will make some tests and deploy the fix.


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 fix the issues in mobile, I found other issues with dragging the graph


Appreciate the quick iteration!


Hi HN,

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.

Thanks for taking a look!


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


Looks much better!

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.


I agree with this. Since it's rendered as an SVG, saving it as an SVG would be great. PNG as backup perhaps.

Looks great! Thanks OP for sharing!


Thanks for the feedback, the option to take a snapshot of the graph sounds good, I will add it to the TODO


Very cool, I shared with the team! We (Svix) show a lot of JSON, so this could be super useful for us. Thanks!


Thanks! I really appreciate you sharing it with your team. If you try it out and have any feedback or ideas for improvement, I’d love to hear them


This is quite beautiful. I love it! Will use this as an alternative to my mindmap software!


In safari, the text is rendering outside of the shape. You might want to take a look at that.


Good call! Thanks for letting me know! I will check it.


This should be fixed now. Thanks


very nice approach to create svg from json and using css transform for zoom translate.Lightweight and efficient kudos.


Thanks for the suggestion! A 'zoom to fit' feature is a great idea. I'll work on adding it soon!


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!


The tool is completely free

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.


You may also want to consider offering an API. I currently use (and pay for) the TinyPNG API.


If people aren't paying, none of those are problems. The second you charge, that's when the headaches come.


"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.


Or why is it not a simple shell call to Imagemagick?


Then it needs a server


Not if you port the shell and OS and ImageMagick to WASM first!


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/


That is fun indeed :) Good effect!


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.


> Write it in...

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 had a similar issue so I made https://TLDWai.com to summarize YouTube videos


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.


For now it transcribes the audio of the video using Whisper.cpp; but what you say is a good feature that I will be reviewing.


I've found ChatGPTBox to be useful for it as well, and works on more websites


how is that site fairing for traffic and conversions?


It was only launched a couple months ago, so low traffic, and no conversions


Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: