{"id":18418990,"url":"https://github.com/smrfeld/convolution-calculator","last_synced_at":"2025-07-19T04:02:54.410Z","repository":{"id":115478187,"uuid":"440259656","full_name":"smrfeld/convolution-calculator","owner":"smrfeld","description":"Convolution calculator for CNNs","archived":false,"fork":false,"pushed_at":"2021-12-29T19:31:13.000Z","size":241,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-20T09:44:40.616Z","etag":null,"topics":["artificial-intelligence","artificial-neural-networks","convolution","convolutional-layers","convolutional-neural-network","convolutional-neural-networks","machine-learning","neural-network","neural-networks"],"latest_commit_sha":null,"homepage":"https://oliver-ernst.com/convolution-calculator","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/smrfeld.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-20T17:51:54.000Z","updated_at":"2024-12-05T07:08:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"2b3d821f-0c4b-44b9-87be-9f59ae3b8ed3","html_url":"https://github.com/smrfeld/convolution-calculator","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/smrfeld/convolution-calculator","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrfeld%2Fconvolution-calculator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrfeld%2Fconvolution-calculator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrfeld%2Fconvolution-calculator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrfeld%2Fconvolution-calculator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/smrfeld","download_url":"https://codeload.github.com/smrfeld/convolution-calculator/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/smrfeld%2Fconvolution-calculator/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265886961,"owners_count":23844315,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["artificial-intelligence","artificial-neural-networks","convolution","convolutional-layers","convolutional-neural-network","convolutional-neural-networks","machine-learning","neural-network","neural-networks"],"created_at":"2024-11-06T04:15:17.402Z","updated_at":"2025-07-19T04:02:54.382Z","avatar_url":"https://github.com/smrfeld.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Convolution calculator\n\nThis is a calculator to help you construct convolution layers in neural networks.\n\nSee the finished product at [https://oliver-ernst.com/convolution-calculator](https://oliver-ernst.com/convolution-calculator).\n\nOr, embed this calculator on your own site by following the instructions below.\n\n\u003cimg src=\"imgs/twitter.png\" alt=\"drawing\" width=\"600\"/\u003e\n\n## Embed this on your site\n\nThis is a JS project (relies on jQuery, Bootstrap 4, and Material icons). You can embedd it on your own page (it is under MIT license).\n\n1. Add the required jQuery, Bootstrap 4, and Material icons to your page.\n    ```\n    \u003c!-- Bootstrap CSS --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css\" integrity=\"sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T\" crossorigin=\"anonymous\"\u003e\n\n    \u003c!-- Google Material Icons --\u003e\n    \u003clink href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\"\u003e\n\n    \u003c!-- JQuery --\u003e\n    \u003cscript src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\"\u003e\u003c/script\u003e\n    ```\n\n2. Grab the main JS file `convCalc.js` from this repo and add it to your page assets. Alternatively, use the awesome `jsDelivr` CDN:\n    ```\n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/smrfeld/convolution-calculator/convCalc.js\"\u003e\u003c/script\u003e\n    ```\n    Or you can even get the minified version:\n    ```\n    \u003cscript src=\"https://cdn.jsdelivr.net/gh/smrfeld/convolution-calculator/convCalc.min.js\"\u003e\u003c/script\u003e\n    ```\n\n3. Insert the div where the content will be loaded.\n    ```\n    \u003cdiv id='ccContainer'\u003e\u003c/div\u003e\n    ```\n    You can also specify the width:\n    ```\n    \u003cdiv id='ccContainer' style=\"width:800px;\"\u003e\u003c/div\u003e\n    ```\n\n4. Trigger the JS to inject the drawing into the div when the page loads.\n    ```\n    \u003cscript\u003e\n        $(document).ready(function() {\n            // Set up\n            ccSetUp();\n        });\n    \u003c/script\u003e\n    ```\n    This will populate the `ccContainer` div.\n\n## CDN\n\nCDN is hosted over GitHub assets using jsDelivr as described [here](https://medium.com/javarevisited/how-to-host-your-repository-js-css-on-open-source-cdn-jsdelivr-4de252d6fbad).\n\n## About convolutions\n\nThis calculator supports inputs which are 2-dimensional such as images or 1-dimensional such as timeseries (set one of the width/height dimensions to 1).\n\nYou can visualize how the different choices tile your input data and what the output sizes will be.\n\nThe basic formula for the number of outputs from the convolution operation is:\n```\n(W−F+2P)/S+1\n```\nwhere `W` is the size of the input (width or height), `F` is filter extent, `P` is the padding, and `S` is the stride.\nNote that for this calculator, only square filters are supported (the filter extent `F` controls both the width and height of the convolution) \n- in reality, non-square convolutions are also possible.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmrfeld%2Fconvolution-calculator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsmrfeld%2Fconvolution-calculator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsmrfeld%2Fconvolution-calculator/lists"}