{"id":17113234,"url":"https://github.com/jmert/html-figure-pager","last_synced_at":"2025-03-23T23:42:26.179Z","repository":{"id":150501232,"uuid":"261923810","full_name":"jmert/html-figure-pager","owner":"jmert","description":"A small Javascript library for building figure pagers","archived":false,"fork":false,"pushed_at":"2023-04-05T02:55:27.000Z","size":482581,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-29T06:49:09.262Z","etag":null,"topics":["figures","html","javascript"],"latest_commit_sha":null,"homepage":null,"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/jmert.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":"2020-05-07T01:51:06.000Z","updated_at":"2023-04-05T02:55:31.000Z","dependencies_parsed_at":"2023-07-29T02:45:49.931Z","dependency_job_id":null,"html_url":"https://github.com/jmert/html-figure-pager","commit_stats":{"total_commits":22,"total_committers":3,"mean_commits":7.333333333333333,"dds":0.5,"last_synced_commit":"fa65db2fe031a55ce0f98e4f4a36c51f304ce2a6"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmert%2Fhtml-figure-pager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmert%2Fhtml-figure-pager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmert%2Fhtml-figure-pager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jmert%2Fhtml-figure-pager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jmert","download_url":"https://codeload.github.com/jmert/html-figure-pager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245186924,"owners_count":20574553,"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":["figures","html","javascript"],"created_at":"2024-10-14T17:04:39.653Z","updated_at":"2025-03-23T23:42:26.153Z","avatar_url":"https://github.com/jmert.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# HTML Figure Pager\n\n*An active example of this Javascript library can be found\n[here](https://jmert.github.io/html-figure-pager/index.html).*\n\nThis package provides a small, self-contained Javascript library which allows one to\neasily create \"figure pagers\" in their HTML documents.\nIn my graduate research group, we often had to generate many plots (numbering anywhere from\na handful to many thousands) that showed data in various combinations or processing options.\n\nBeyond a few figures, it is impractical to show all combinations linearly on a page, so we\nused the so-called figure pagers to allow interactive selection of a single image to show\nat a time from a collection.\nFor instance, the following screenshot is one simple example where there are two\ntypes of options (\"Mode\" and \"Color map\") which can both take on a variety of values.\nBy clicking on an option, the figure to the right is updated according to a user-defined\nmapping from option values to image file name.\n\n![screenshot](screenshot.png)\n\n## Cloning\n\nThe demo linked above is contained within the `gh-pages` branch of this repository, and\nit contains a large number of images.\nWith a normal `git clone`, all of these images are downloaded as part of the git history,\nincreasing the download and storage size significantly beyond the small size of the pager\nscript itself.\n\nTo avoid downloading the unnecessary demo, you may instead use a shallow clone to obtain\na copy of only the latest commit, and then \"unshallow\" the branch to obtain the full\nhistory of the `master` branch while completely ignoring the `gh-pages` branch.\n\n```bash\ngit clone --depth 1 https://github.com/jmert/html-figure-pager\ncd html-figure-pager\ngit pull --unshallow\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjmert%2Fhtml-figure-pager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjmert%2Fhtml-figure-pager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjmert%2Fhtml-figure-pager/lists"}