duerrsimon / bioicons Goto Github PK
View Code? Open in Web Editor NEWA library of free open source icons for science illustrations in biology and chemistry
Home Page: https://bioicons.com
License: MIT License
A library of free open source icons for science illustrations in biology and chemistry
Home Page: https://bioicons.com
License: MIT License
Some icons might have different variants. It should be possible to upload them.
Something I really like about scidraw.io is the ability to see how many times a graphic has been downloaded. As someone considering making biology icons I would find this to be very motivating to see how many people my graphic is reaching.
Could use utteranc.es for this
A platform like this would be great for icon requests https://vote.biglybt.com/isaacs/github
In the same manner it would be great to have a webform to create a pull request with an uploaded icon.
Some pointers: https://medium.com/@hi_7807/github-issues-api-tutorial-b7a12b1bcada
After doing a search, or clicking on the name of a category, 3 rows of icons are displayed.
If I opened bioicons in a full-height browser window on my desktop, there is a gap between the last row of images and the bottom of this page, and this prevents the auto-loading of images from working - there is no way for me to see the remaining images.
However, if I reduce the height of the browser window, this triggers auto-loading, and scrolling then loads more images.
Molecular Modelling icons that could make up a nice new category:
Collect statistics to show how many icons each author contributed.
Create a power point plugin to quickly add individual icons to power point. Could use this for inspiration: https://github.com/madve2/uppp-pixabay-for-office
Currently the tags are monocategory and search is based on file name only.
The category system should be refactored so that one icon can be in multiple categories and search is via category, tags or filename.
When a user visits the site for the first time we should ask them what program they are using and set default settings for this :
I suggest a reorganization of the categories to sort out current overlaps and redundancies and make icons easy to find.
After looking through the different categories I came up with the following broad categories that would most likely cover all the current icons quite well and be general enough to allow a clean interface, I am opening this to discussion to see if I have overlooked something.
The reorganization will be some effort so I am happy to do it myself if we agree on categories and definitions.
icons of complete animals
icons of complete plants, algae and complete plant parts
bacteria, viruses, archaea, unicellular eukaryotes , parasites
Icons of specific tissues and organs of plants and animals
icons of cell membranes organelles, membrane proteins for people to build their own cells
icons of specific cell types e.g. myocytes, neurons, stem cells, plant cells ect.
Developmental/physiological processes of plants and animals
Cancer and other disease related assets
everything related to nucleic acids, oligos, chromosomes
Proteins, oligos, amino acids
Laboratory machines and large equipment
glass ware, metal spatulas, glassware (bottles flasks)
pipette tips, plastic wares, tissue paper ect.
Hardware, algorithms, Chemo and bioinformatic representations
microscopes, lenses, optics
all scientific graphs
Workflow overviews, experimental setups
Safety symbols, shapes, arrows
People, people interactions, icons of buildings (university, institute)
Stuff that is not specific to science (food, calculators ect.)
Is it possible to do category renaming but just renaming the applicable folders in the static icons or is there something else tha tneeds to be changes for new categories to show up on the website?
the following icons:
anemone_release_of_acontia
anemone_4-cell_stage_embryo
anemone_adult_bleached
anemone_gastrula_stage_embryo
anemone_with_zooxanthellae
anemone_asexsual_reproduction
anemone_16-cell_stage_embryo
anemone_adult
anemone_blastula_stage_embryo
anemone_planula
anemone_eaten_by_Berghia_stephanieae
anemone_polyp
anemone_egg
Hydra
are currently in plants/algae however, Cnidarians are animals.
ther eis an argument to keep anemone_with_zooxanthellae in both categories as zooxanthellae are algae
Some icon names are duplicated, best to have them unique.
E.g the GPU icon.
U Maryland database
Get goodsell style PDBs with configurable colors from a PDB entry code.
It would be nice to have swab, tube, and bacterial culture plate icons. Thank you!
If I understand correctly, the current search is done by filename. It would be great if we could additionally add tags to each icon to make them easier to find, i.e. give a bunch of file icons the tag "file", even if the individual one might be named by the soecific file type it represents.
I love what this project is doing, great work! Please add drawings icons for
Thank you and keep up the good work!
Hi I am using some of the icons in my diagram for publication. How to cite them properly? Thank you so much.
Hello! First of all, wonderful idea, thanks for doing the work!
A suggestion I have is to make lines in graphs any other color than white, because now it is almost impossible to see them on white background, although they are there. While I know how to do it in Inkscape myself, it would improve the browsing experience. Some examples of graphs that are hard to see:
exponential-decrease
iv-administration-repeated
oral-administration-bloodconcentration-repeated (2)
pluriexponential-decrease
enterohepatic-recyling
oral-administration-bloodconcentration
renal-insufficeny-vs-normal
iv-administration-perfusion
I find myself constantly looking for categories because they are not sorted alphabetically, both in the main interface and in the drop down menu.
Sorting them would increase the findability
There is an error in running yarn dev
when freshly installing this on MacOS Monterey v12.6. Resolved it following via solution purposed in issue 444 in the uuid repository. This may resolve when using different versions of dependencies; however, thought it would be prudent to report a solution to this error.
Error Trace:
Module build failed (from ./node_modules/@nuxt/postcss8/node_modules/css-loader/dist/cjs.js):
Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './package.json' is not defined by "exports" in /Users/kananen/Documents/workspace/fun/bioicons/node_modules/postcss/package.json
at new NodeError (node:internal/errors:393:5)
at exportsNotFound (node:internal/modules/esm/resolve:295:10)
at packageExportsResolve (node:internal/modules/esm/resolve:631:9)
at resolveExports (node:internal/modules/cjs/loader:538:36)
at Module._findPath (node:internal/modules/cjs/loader:607:31)
at Module._resolveFilename (node:internal/modules/cjs/loader:1025:27)
at Module._load (node:internal/modules/cjs/loader:885:27)
at Module.require (node:internal/modules/cjs/loader:1105:19)
at n (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/jiti/dist/v8cache.js:2:2349)
at Object.<anonymous> (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/@nuxt/postcss8/node_modules/css-loader/dist/index.js:12:39)
at o._compile (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/jiti/dist/v8cache.js:2:2655)
at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
at Module.load (node:internal/modules/cjs/loader:1081:32)
at Module._load (node:internal/modules/cjs/loader:922:12)
at Module.require (node:internal/modules/cjs/loader:1105:19)
at n (/Users/kananen/Documents/workspace/fun/bioicons/node_modules/jiti/dist/v8cache.js:2:2349)
friendly-errors 02:30:16
@ ./node_modules/vue-tour/dist/vue-tour.css 4:14-195 15:3-20:5 16:22-203
@ ./plugins/vue-tour.js
@ ./.nuxt/index.js
@ ./.nuxt/client.js
@ multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
Solution
The bioicons/node_modules/postcss/package.json
json should be configured with "import": "./index.js",
and "./package.json": "./package.json"
as shown below:
{
"name": "postcss",
"version": "8.2.8",
"description": "Tool for transforming styles with JS plugins",
"engines": {
"node": "^10 || ^12 || >=14"
},
"exports": {
"./package.json": "./package.json",
".": {
"require": "./lib/postcss.js",
"import": "./index.js",
"import": "./lib/postcss.mjs",
"types": "./lib/postcss.d.ts"
},
"./": "./"
},
"main": "./lib/postcss.js",
"types": "./lib/postcss.d.ts",
"keywords": [
"css",
"postcss",
"rework",
"preprocessor",
"parser",
"source map",
"transform",
"manipulation",
"transpiler"
],
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
"author": "Andrey Sitnik <[email protected]>",
"license": "MIT",
"homepage": "https://postcss.org/",
"repository": "postcss/postcss",
"dependencies": {
"colorette": "^1.2.2",
"nanoid": "^3.1.20",
"source-map": "^0.6.1"
},
"browser": {
"./lib/terminal-highlight": false,
"colorette": false,
"fs": false,
"path": false
}
Thanks for this great initiative!
Would it please be possible to add an option to filter the results by license? e.g. only display the CC0 ones
https://journals.plos.org/plosbiology/article?id=10.1371/journal.pbio.3002395
Some icons in this dataset are already categorized others aren't yet categorized.
Each icon should get a unique identifying name and be uploaded to BioIcons.
Hi!
First of all MANY thanks for developing such an amazing toolbox for research illustration. I am really excited about bioicons, the icons are just beautiful and I'm glad that a free icon library is finally accessible to researchers.
I am opening this issue just to report that some of the liver fluke icons (e.g. sporocysts, rediae) are cropped. Some of borders of the images are missing.
Is there a way to access to the full images that I'm missing?
Many thanks in advance and sorry to bother with this
Cheers from South America!
Mauricio
If users select icons we should have a feature that it the bottom right corner collects all the icons downloaded and saves them to localstorage. Optionally it also should allow to give a project name.
This will make it easier for people to properly credit the authors.
Implementation could be similar to Google Fonts Select Font functionality.
You can add missing items below.
Note that best to include an image that can be used as a template to create a vector.
Hi @duerrsimon,
Love the icon set. Thanks for creating this great resource.
Seems like your last name might be spelt wrong in many places (e.g. icons.json
, authors.json
, website). See below for an example.
I could be wrong, but just wanted to make sure you get proper attribution.
Hey :) Love your work and am super appreciative that you are letting others use it for free, I think it's great!
A comment I would have from my first attempt at using it would be that your images all have white backgrounds. This makes it hard to combine them into more complex figures eg. adding a plasmid / transcription / translation scheme inside one of your empty cells, or adding the images into figures which have non-white backgrounds. Not sure how easy it is to fix, but thought I would flag it in case :)
Thanks again for your awesome content!
SVG allows for metadata. We should embed the license information in the metadata.
It should be possible to upload templates for people to reuse, that are archived on zenodo with DOI.
This should be implemented after #72 so that we can have some tagging which illustrations are used.
To achieve #55 #72 #74 and #73 we need an API behind the frontend.
It could be built on FastAPI to keep a flatfile based managment of the icons.
Each icon has a unique name and a metadata field in the SVG header.
The API server on initialization loads all metadata and relations between icons and then responds to get requests with the list of icons.
Fix by-sa links from by/sa/ to by-sa
Fix font on AI icon
Fix chemo-_and_Bioinformatics
Fix microarray pictures
Fix infinite scroll when deleting a search while at bottom of page.
CC BY resource with SVG images
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.