Posts

Doughnut Chart Maker

Doughnut Chart Maker Doughnut Chart Maker Chart Label: Chart Value: Add Data This code creates a simple Doughnut Chart Maker tool with inputs for adding chart labels and values. When you click the "Add Data" button, it adds the data to the chart dynamically using Chart.js. The colors of the chart segments are randomly generated for each entry. Adjust the styles as needed to fit your design preferences!

Pie Chart Maker

Pie Chart Maker Chart Title: Labels (Comma separated): Data Values (Comma separated): Create Chart This code provides a form where you can enter the chart title, labels, and data values separated by commas. Clicking the "Create Chart" button generates a pie chart based on the input data using Chart.js. The chart is displayed below the form.

Line Graph Maker

Line Graph Maker Line Graph Maker X Values: Y Values: Generate Graph You can copy and paste this code into an HTML file and open it in your web browser to see the line graph maker tool in action. It includes the HTML structure, CSS styles, and JavaScript code all within the same page.

Responsive Website Tester

Responsive Website Tester Tool Responsive Website Tester Tool Enter Website URL: Load Website Desktop Tablet Mobile This code integrates the HTML, CSS, and JavaScript into a single HTML file. The styles are embedded within

OPML to JSON Converter

OPML to JSON Converter OPML to JSON Converter Convert Converted JSON About this code: This code includes the HTML structure, CSS styles, and JavaScript logic all within a single HTML file. You can save this code as an HTML file and open it in your browser to use the OPML to JSON Converter Tool.

Unix Timestamp Converter

Unix Timestamp Converter Unix Timestamp Converter Enter Unix Timestamp: Convert This code creates a Unix Timestamp Converter Tool with a simple and colorful design. It includes a form where the user can input a Unix Timestamp, and upon clicking the "Convert" button, it converts the timestamp to a human-readable date and time format. The JavaScript code handles the conversion logic, and the CSS provides styling to make the tool visually appealing and responsive

YouTube Thumbnail Downloader

Image
YouTube Thumbnail Downloader YouTube Thumbnail Downloader Enter YouTube Video URL: Download Thumbnail This code creates a simple web page where users can input a YouTube video URL and download its thumbnail. It checks for a valid URL format, extracts the video ID, and then fetches the thumbnail using Axios. The downloaded thumbnail is displayed below the input field.