{"id":19090747,"url":"https://github.com/kodedninja/delog","last_synced_at":"2025-10-20T07:02:33.005Z","repository":{"id":143857931,"uuid":"113073140","full_name":"kodedninja/Delog","owner":"kodedninja","description":"A web visualiser for Log","archived":false,"fork":false,"pushed_at":"2018-03-05T17:23:35.000Z","size":25,"stargazers_count":7,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-19T00:41:26.990Z","etag":null,"topics":["log","time-tracking"],"latest_commit_sha":null,"homepage":"http://hex22.org/projects/delog","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/kodedninja.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,"zenodo":null}},"created_at":"2017-12-04T17:26:55.000Z","updated_at":"2019-10-14T08:23:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"ffac84f2-97da-4071-bf97-94171e1b3e9e","html_url":"https://github.com/kodedninja/Delog","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kodedninja%2FDelog","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kodedninja%2FDelog/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kodedninja%2FDelog/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kodedninja%2FDelog/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kodedninja","download_url":"https://codeload.github.com/kodedninja/Delog/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251683476,"owners_count":21626977,"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":["log","time-tracking"],"created_at":"2024-11-09T03:08:54.510Z","updated_at":"2025-10-20T07:02:32.904Z","avatar_url":"https://github.com/kodedninja.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Delog\nA web visualiser for [Log](https://joshavanier.itch.io/log).\n\n## Usage\n- Download ```Delog.js``` and include it to your page.\n- Make a ```div```. (It must be ```position: relative``` and have a defined ```height``` for charts!)\n- Export your logs from Log\n- Use it like this:\n```javascript\nvar elem = document.getElementById('total-wrapper');\nvar latest = document.getElementById('latest-wrapper');\nvar specific_el = document.getElementById('specific-wrapper');\nvar log = new Delog('example/data.json', function() {\n  log.total(elem, 60, {color: '#000', empties: true});\n  log.query({sector: 'Writing', project: 'Delog'}, specific_el, 30, {color: '#000', empties: true});\n  log.latest(elem, 5, ' ~ ');\n  // other functions\n});\n```\n\n## API\n#### ```log.total(element, days, properties);```\nDraws a one color chart of your total hours/day for the last ```days``` days.\nThe ```properties``` JSON has two fields:\u003cbr\u003e\n```color```:  the hex code of the colors of the bars\u003cbr\u003e\n```empties```: if true empty days are marked with a line\n\n#### ```log.overview(element, days, properties);```\nDraws a colorful chart of your total hours/day for the last ```days``` days. The colors are the same as in Log or ```properties.color``` if not set.\nThe ```properties``` JSON has two fields:\u003cbr\u003e\n```color```:  the default color for the sectors without a set color\u003cbr\u003e\n```empties```: if true empty days are marked with a line\n\n#### ```log.query(query, element, days, properties);```\nDraws a one color chart for a specific project/sector for the last ```days``` days.\nQuery could contain a ```sector``` or/and a ```project``` field. If both are present, the entries having both will be counted.\nThe ```properties``` JSON has two fields:\u003cbr\u003e\n```color```:  the hex code of the colors of the bars\u003cbr\u003e\n```empties```: if true empty days are marked with a line\n\n#### ```log.sectors(element);```\nPrints every sector with total hours, total logs and focus percentage.\n\n#### ```log.projects(element);```\nPrints every project with total hours, total logs and focus percentage.\n\n#### ```log.days(element);```\nPrints how many days have passed since the first log.\n\n#### ```log.latest(element, x, separator);```\nPrints the ```x``` latest entries. The separator is a string which separates the different properties of the entry. The default separator is ``` - ```.\n\n#### ```log.sector_colors(element, properties);```\nPrints the palette of sectors. The ```properties``` JSON has only two fields:\u003cbr\u003e\n```fontSize```: the size of the font and of the square (which shows the color)\u003cbr\u003e\n```block```: if true the sectors will be printed under each other, otherwise in a line\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkodedninja%2Fdelog","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkodedninja%2Fdelog","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkodedninja%2Fdelog/lists"}